NPO法人ひとまき(旧ONEれいほく)代表理事の矢野大地さんにそっとお伝えしたいこと
どうやら、イケハヤ氏はパトロンとして手を揚げなかったようで残念なんだけど、とりあえず先日から勝手に矢野大地氏の「軽トラハウスで日本一周企画」を温かい目で応援している。
で、結果的にどうだったんだろうな~と矢野氏のサイトなどを眺めていると気になった点があったのでどうしても伝えたい。ツイッターとかでは伝えられないので、その内伝わればいいかなくらいだけれども(w
それは何かというと、彼のおそらくメインサイトである「自由になったサル | 複数のナリワイを持つ近未来の生き方」の矢野大地氏のプロフィールにあるリンクが機能していないのだ。
正確には、自サイト「自由になったサル」についてはリンクが機能しているけど、もうひとつの記載「NPO法人ひとまき*1代表理事」のリンクについては機能していない。
自身が代表を務めているのにリンクが機能していないなんて…
もったいなくない?
月間5万人*2の人が読んでるブログですからね!
50000人/月の検索流入の可能性もあるのにそれをムダにしてるなんて
ありえないでしょ!
そんなわけで、おそらく~忙しくてこの重要なリンク切れに気付いていないであろう矢野さんのためにアタシが原因究明をしてあげようと思う。
で、ソースを見てみたところ、
<div class="sidetitle">著者のプロフィール</div><br>
<div class="sidetext">
<center><img src="http://yanodaichi.com/wp-content/uploads/2016/04/DSC_4836-e1528172329157.jpg" width="90%"></center><br>
<a href="http://onereihoku.org/" class="green" data-wpel-link="internal">NPO法人ひとまき</a>代表理事<br>
月間5万人の人に読まれるブログ「<a href="http://yanodaichi.blog.jp/" class="green wpel-icon-right" data-wpel-link="external" rel="external noopener noreferrer">自由になったサル<span class="wpel-icon wpel-image wpel-icon-6"></span></a>」を運営。
<br><br>
aタグはキチンと入ってるんだよね。urlが未だひとまきじゃなく「ONEれいほく*3」だけど(w
次に見るべきは class指定だということで、"green"*4となってるんだけど、これはこのページの中でひとつだけしか使われていないんですよね~。ってなわけで、これが原因かなーと思ったのでCSSも確認してあげることにしたよ。
該当する部分はコチラ、
a.green {
font-weight: bold;
text-decoration: underline;
color: #2ecc71;
}.button2 {
display: inline-block;
width: 95%;
height: 54px;
text-align: center;
text-decoration: none;
line-height: 54px;
outline: none;
margin: 10px auto;
}.button2 a {
text-decoration: none;
color: #2ECC71;
}
.button2::before,
.button2::after {
position: absolute;
z-index: -1;
display: block;
content: '';
}
.button2,
.button2::before,
.button2::after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all .3s;
transition: all .3s;
}.button2 {
position: relative;
z-index: 2;
background-color: #f7d034;
border: 2px solid #f7d034;
color: #fff;
line-height: 50px;
overflow: hidden;
}
.button2:hover {
opacity: 1;
color: #f7d034;
}
.button2::after {
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transform: scale(.5);
transform: scale(.5);
}
.button2:hover::after {
background: #fff;
-webkit-transform: scale(1);
transform: scale(1);
アタシも詳しくないんで、コチラでチェックすることに
The W3C CSS Validation Service
警告 (9)
URI : TextArea
32 | -webkit-box-sizing is an unknown vendor extension |
|
33 | -moz-box-sizing is an unknown vendor extension |
|
35 | -webkit-transition is an unknown vendor extension |
|
42 | .button2 | background-color と border-top-color は同じ色です |
42 | .button2 | background-color と border-right-color は同じ色です |
42 | .button2 | background-color と border-bottom-color は同じ色です |
42 | .button2 | background-color と border-left-color は同じ色です |
57 | -webkit-transform is an unknown vendor extension |
|
62 | -webkit-transform is an unknown vendor extension |
32~35、57、62の部分はググっても何もわからなかったッス。とりあえず、ここを修正すればいいんじゃないでしょうかね。そうすれば、晴れてひとまき*5にリンクが繋がってハッピーになれるんじゃないでしょうか。
でも、一応、もうひとつの
data-wpel-link="internal"
ってのも調べておいてあげますね~。
ググってみると、
WordPressってほとんど使ってないんでよくわかんないんだけど、ザッと見た感じだと「ひとまきへのリンクを辿らせたくない」「ひとまき = nofollow」ってコトになるんでしょうかね? この理解であってる?
もし仮にそうだとしたら、ちょっとおかしくないですかぁ?
自分が代表理事をしているNPO法人のページへのリンクですよ!?
毎月5万PVじゃなくて、5万ユーザーが見ているページのパワーがまったくNPO法人のチカラになってないんですよ。
これって、とてももったいないコトだと思うなあ。
ま、アタシの推測が正しければですけどねぇ。
そんなわけで、アタシはTwitterとかで伝えられないので、そのうち矢野大地氏にそっと伝わればいいなと思います。
続きもアルヨ。