つい先日、私が運営している特化型ブログでアマゾンアソシエイトの不具合が生じました。

画像リンクがすべてのリンクにおいて表示されなくなるというものです。

その理由について調べ、解消した方法を備忘録としてメモしておきたいと思います。

アマゾンアソシエイトで表示されなくなったのは画像だけか？

これについては、画像リンクのみ表示されなくなりました。

私は、ブログにアマゾンリンクを貼り付ける際、テキストリンクと画像リンクを分けて貼り付けています。

沈黙のWebライティング —Webマーケッター ボーンの激闘—〈SEOのためのライティング教本〉

➤Amazonでの購入はこちら！

のような形で掲載しています。

それが、ある日

沈黙のWebライティング —Webマーケッター ボーンの激闘—〈SEOのためのライティング教本〉

➤Amazonでの購入はこちら！

のような形になってしまったのです。

画像リンクのみが表示されなくなった形ですね。

ただ、クリック数については、特に落ちていなかったため、そこまで重大な問題ではないだろうと後回しにしていました。

クリック数は落ちていないが、クリック率は落ちていた

クリック率が落ちていないから後回しにしていたと書きましたが、
その原因はアクセス数が増えたため、読者数が増えるとともに単純にクリック数が増えただけでした。

よく見ると、Amazonアソシエイトリンクを貼り付けている記事のアクセス数は増えていました。
つまり、クリック数は増えていなければおかしいのです。

そこで、ようやくこれは改善しないといかん、と思い立った次第です。

画像が表示されない原因を探す

まず、ワードプレスの管理画面にアクセスし、該当記事を調べました。

画像リンクは正しく貼れており、問題ありません。

しかも、プレビューにすると、何故か画像リンクは表示されるのです。

まあ、こういう場合ってまず間違いなく、プラグインが悪さをしているはずです。

というわけで、1つずつ調べました。

画像が表示されない原因はプラグインが原因

結果、

Unveil Lazy Load

というプラグインが原因でした。

このプラグインの特徴として、
画像の読み込みを遅らせるというものがあります。

スクロールして、画面に認識されたものから順に表示させるというもの。

これにより、ブログの読み込み速度の向上を図るというものです。

しかし、これが悪さをしてAmazonの画像リンクを表示させなくしていたようでした。
細かい原理は分かりませんがそういうものなんでしょう。

ブログの読み込みを早くしようと試行錯誤していた時期がありました

私が、このプラグインを入れた背景としては、

特化型ブログで使っていたサーバーがかなり遅いサーバーだったからです。

接続時間が数秒は待たなくてはいけないため、
どうしても離脱者がでてしまいますし、Googleのスピードテストでも60以下の数値でした。

そのため、少しでもブログの読み込みを早くしようという意図でこのプラグインを導入しました。

他にもHead Cleanerというプラグインを使い、
ソースコードの最適化を図りました。

中でも効果的だったのが、PHPのバージョンを７に変えたことでしょう。
これは、サーバー側の設定で簡単に変更できます。

ただ、連携しているプログラムによっては不具合が出るので、
バックアップは必須ですが。

このおかげで、Unveil Lazy Loadを削除した現在でも、
読み込み速度は殆ど変わらず、早いままです。

まとめ

最後は、ブログの読み込み速度の話になってしまいましたが、
アマゾンアソシエイトの画像リンクが表示されない原因は解消できました。

読み込み速度の話は近いうちにまたしていきたいと思います。

それでは。