Amazonの商品リンク画像が表示されない
WordPressなどでブログを書いていて、Amazonの商品リンク（画像バナー）を貼ったのに「なぜか画像が表示されず空白になってしまう」と悩んだことはありませんか？
結論から言うと、その原因の多くはブログ側の不具合ではなく、 iPhoneやiPad（Safari）の「コンテンツブロッカー（広告ブロック機能）」 が働いているためです。本記事では、Safariの設定確認方法と、ブロッカーがオンの読者にも確実にリンクを届けるための「文字リンク併記」の対策を解説します。
商品リンクの画像が消える現象
Amazonの画像が表示されへんなあ？
ほら、へんだに
▼▼▼ 画像が消えて枠だけになっている状態 ▼▼▼
本来はこうでないといかん
▼▼▼ 本来の正常な表示 ▼▼▼
原因はSafariの「コンテンツブロッカー」
iPadやiPhoneのブラウザ設定が影響していますよ。
iPhoneでもiPadでもいいので、Safariを開いて確認してみて下さい。
アドレスバー左端の「ぁあ」をタップ
「Webサイトの設定」または「コンテンツブロッカーをオフにする」を確認
「コンテンツブロッカー」がオンになっていると、アフィリエイト用の画像バナーはブロックされて表示されません。
これはアフィリエイトをやっているブログ運営者にとっては痛いですが、逆に広告やアフィリエイトが嫌いな読者の方は「コンテンツブロッカーを使用」をオンにしておくことをお勧めします。
「コンテンツブロッカーを使用」がオンの状態
オフに切り替えると、このサイトではブロックが解除されます
ここをオフに直すことで、今見ているブログにはコンテンツブロッカーが適用されなくなります。
対策：画像だけでなく「文字リンク」も併記する
ただし、読者の方がコンテンツブロッカーをオンにしていることを想定して、 「画像が出なくてもクリックできる文字によるリンク」 も一緒に付けておくと親切ですよ。
▼▼▼ 画像が消えても文字リンクがあれば商品名が分かります ▼▼▼
画像出るようになったで！
- 表示されない原因 : iPhone / iPad の Safari で「コンテンツブロッカー」が有効になっていると、Amazon等のアフィリエイト画像バナーが非表示になります。
- 確認方法 : Safari のアドレスバーにある「ぁあ」アイコンから、該当サイトの「コンテンツブロッカーを使用」をオフにすると画像が表示されます。
- ブログ側の対策 : 読者の環境で画像がブロックされても何の商品か分かるよう、 必ず画像リンクだけでなく「テキスト（文字）リンク」や独自の商品カード（AffiliateCard）を併用する のが鉄則です。