STARDUST can be found.

振り返らない。忘れるまでは。

NPO法人ひとまき(旧ONEれいほく)代表理事の矢野大地さんにそっとお伝えしたいこと

どうやら、イケハヤ氏はパトロンとして手を揚げなかったようで残念なんだけど、とりあえず先日から勝手に矢野大地氏の「軽トラハウスで日本一周企画」を温かい目で応援している。 

toy.hateblo.jp

toy.hateblo.jp

 

で、結果的にどうだったんだろうな~と矢野氏のサイトなどを眺めていると気になった点があったのでどうしても伝えたい。ツイッターとかでは伝えられないので、その内伝わればいいかなくらいだけれども(w

縦笛をふくお猿さん by いらすとや

自由になったサルは笛を吹く!?


それは何かというと、彼のおそらくメインサイトである「自由になったサル | 複数のナリワイを持つ近未来の生き方」の矢野大地氏のプロフィールにあるリンクが機能していないのだ。

f:id:Toy4:20181209222939p:plain

NPO法人ひとまき代表理事 矢野大地氏


 

正確には、自サイト「自由になったサル」についてはリンクが機能しているけど、もうひとつの記載「NPO法人ひとまき*1代表理事」のリンクについては機能していない。

自身が代表を務めているのにリンクが機能していないなんて…

 

もったいなくない?

 

月間5万人*2の人が読んでるブログですからね!
50000人/月の検索流入の可能性もあるのにそれをムダにしてるなんて

 

ありえないでしょ!

 

そんなわけで、おそらく~忙しくてこの重要なリンク切れに気付いていないであろう矢野さんのためにアタシが原因究明をしてあげようと思う。

で、ソースを見てみたところ、

f:id:Toy4:20181209224256p:plain

該当プロフィール部分の html

 

<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"

ってのも調べておいてあげますね~。 

ググってみると、

nomadicwood.com

WordPressってほとんど使ってないんでよくわかんないんだけど、ザッと見た感じだと「ひとまきへのリンクを辿らせたくない」「ひとまき = nofollow」ってコトになるんでしょうかね? この理解であってる?

もし仮にそうだとしたら、ちょっとおかしくないですかぁ?

自分が代表理事をしているNPO法人のページへのリンクですよ!?

毎月5万PVじゃなくて、5万ユーザーが見ているページのパワーがまったくNPO法人のチカラになってないんですよ。

これって、とてももったいないコトだと思うなあ。

ま、アタシの推測が正しければですけどねぇ。

そんなわけで、アタシはTwitterとかで伝えられないので、そのうち矢野大地氏にそっと伝わればいいなと思います。

 

続きもアルヨ。 

toy.hateblo.jp

 

*1:高知県北部に位置する嶺北地域を拠点とするNPO法人。旧名称は「ONEれいほく」

*2:2018年9月1日に取得されたアーカイブでは「月間10万人」と表記。現時点では半減している。

*3:’18/9/1のアーカイブでの表記は「NPO法人ONEれいほく」リンクも使用可能な状態。

*4:9/1のアーカイブでも同じclass名を使用

*5:旧名称 ONEれいほく。組織内に居た女性が性被害にあったという告発後に名称変更。