こちら、はてなブログを利用していますが、最近商品リンクに「もしもアフィリエイト」のかんたんリンクも使うようになりました。名前の通り、リンクを簡単に作ることが出来るので重宝しています。
もしもアフィリエイト・かんたんリンクのトラブル
しかし今日見てみると…
↓ これが
↓こうなっていました。
え！なんで画像が消えてるの？
消えているのは画像だけじゃなかった
最初に気づいたのは画像が消えていることだったのですが、画像だけではなく、全リンクが消えていました (´･ω･`) (´･ω..:;.:... (´:;....::;.:. :::;.. .....
画像と各リンク(Amazonで見るとか)をクリックすると
無効なリンクに移動。。
自分でリンク先を作っている「公式サイトで見る」をクリックすると
えー…(OvO)
かんたんリンクがリンク切れした理由
通常リンク切れする理由はいくつかあって、
- リンク先ページがなくなる
- アフィリエイトの提携がなくなる
とかがあげられると思いますが、今回はそれとは違う理由でした。
はてなブログアプリで編集するとHTML内の記述が変わることがある
私のこれまでの経験上、PC版で記載した記事をスマホアプリ版で編集すると、HTMLの記述が一部変更になってしまうことがしばしばありました。
具体的には、一部のインラインCSSの記述が書き換えられてしまっていて、公開した時に反映されていないという悲しい結末を迎えることがあります。
例えば、このブログでは画像にインラインCSSで影をつけていることが多いのですが、それがなくなってしまったりします。。
↓この影とかが消えてしまう。
この勝手に書き換えられる現象、すごく困るのですが、HTML編集で<h2>〜</h4>となっている時は、勝手に<h2>〜</h2>と修正してくれたりするので、便利な一面もあるのですけども…。
どうやらこの勝手に書き換え現象が、もしもアフィリエイトのかんたんリンクでも発生するようでした。
こちら引用させていただきます。
はてなサポートの回答によると、見たまま編集とHTML編集やPCとスマホを切り替えた際にTinyMCE（はてなブログが使っているリッチエディタ）のコードが自動形成されるそうで、それに起因してエラーが起こっているとのこと。
もしもアフェリエイトから貼り付けたソースが再編集で勝手に書き換わっているってことですね。
※ 私のブログでは、見たまま編集とHTML編集の切替では不具合は発生せず、スマホアプリ版に切替後に不具合が発生するので、仕様変更があったか、ブログによるのか…分かりません。
ということで…
スマホアプリ版で編集しないこと
というのが良いかと思います。
スマホアプリ版は気軽に記事を書くのにちょうど良いので、この仕様はちょっと不便ではありますが、アフィリエイトの貼り付けや、インラインCSSでの編集は最後に行うことにして、スマホアプリ版は最初ざっくり記事を書いていくのに活用しています
おまけ・リンク切れを確認する方法
リンク切れが発生していると、せっかくサイトに来てくださった方が残念に思われる上に、SEOにも影響したりと、あまりよいことはなさそうです。
サイトにリンク切れを確認する方法は、リンク切れチェックツールを使うか、Google Search Console を使うか、WordPress ならリンク切れチェック用のプラグインを使うかですね。
リンク切れを見つけたら、早々に対応しておきたいところです。
Google Search Console を使う
私はこれでよく確認しています。
(が、見るところ、ここでいいのかな…？)
ちなみに、上記の18ページは、feedとかカテゴリのURLなので、別にいいかなと思って放置しています (ダメかもしれないけど)。
今のところ、通常ページは大丈夫そうです。
リンク切れチェックツールを使う
無料のサイトがいくつかあります。
dead-link-checker
リンクチェッカー（リンク切れチェックツール） dead-link-checker.com
トップページのURLを入力するだけです。
一応https://も調べてみましたが、結果は同じでした。
takotubo.jp
リンク切れチェックツール | インデックス状況調査ツール takotubo.jp
トップページのURLを入力するだけです。
一応大丈夫そうですね。
最後に
もしもアフィリエイトのかんたんリンクはとても便利ですが、はてなブログに貼り付ける時は、ちょっとだけ注意が必要ですね。
そして、うっかりリンク切れしていないか時々確認することも大切だなと思いました。
それでは今回はこのへんで。ヽ(*´∀｀)
