楽天・アフィリンクの「AMPタグ」を選んじゃダメな理由と、画像が表示されない原因

アフィリエイトを始めたばかりの初心者が「つまずきやすいポイント」を解説します。

※この文章はGrokを利用しています。

よくあるトラブル「アフィリエイトリンクの画像が表示されない」問題について、実際の解決経験をもとにまとめました。
特に楽天アフィリエイトとA8.netを使っている人は必見。

AMP（アンプ）とはそもそも何？

AMP = Accelerated Mobile Pages（高速化されたモバイルページ）の略です。
Googleが推進している技術で、スマホでWebページを速く表示させるための仕組みです。

• 通常のページよりHTMLやCSSを制限して軽くする
• 画像表示も専用の<amp-img>タグを使う
• 結果としてページの読み込みが爆速になる（ユーザー体験向上）

一時期はGoogle検索で上位表示されやすいなどのメリットも言われていましたが、現在はSEOでの明確な優遇はほぼなくなっています。
アフィリエイトサイトの場合、デザインの自由度が下がる・広告の制限が出やすいというデメリットもあるため、多くの初心者ブログではAMPをオフにしています。

なぜ「AMPリンク」を選ぶと普通のサイトで画像が表示されないのか？

これが一番の核心です。
楽天アフィリエイトのショップリンク作成画面には、「AMPタグに変更」というチェックボックスがあります。
A8.netにも「AMP対応リンク」専用タブがあります。
このチェックをオンにして作ったリンクは、AMPページ専用のコードになります。

• 具体的には：通常リンク → <img src="..."> という普通の画像タグ
• AMPリンク → <amp-img> というAMP専用の画像タグ

普通のHTMLページ（非AMPページ）に<amp-img>を貼っても、ブラウザが正しく認識できないため、画像が真っ白になったり非表示になったりします。
逆に、AMP対応の特別なページを作っている人だけがオンにすべきものです。

なお、広告非表示のブラウザを使っていると、AMPじゃなくても非表示となります。

実際の解決例（私の場合）

今月、楽天のショップリンクを作ったら急に画像が表示されなくなりました。
原因は「AMPタグに変更」のチェックがオンになっていたこと。
オフにして作り直したら即解決。

以前作ったリンク（オフのもの）は今も普通に表示されています。
A8.netも同じです。通常の広告リンクを使っていれば問題なし。AMPタブは使っていません。

初心者のおすすめ運用ルール

1. 通常のブログ・サイト → AMPリンクは絶対オフ（チェックを外す）
2. 毎回リンク作成時は「カスタマイズ」部分を必ず確認
3. AMPページをどうしても作りたい場合は、別途AMP専用リンクを用意する
4. 最初はシンプルな通常サイトから始めるのがおすすめ

まとめ

• AMPは「スマホで速く表示させるための技術」だけど、初心者には扱いづらい
• 普通のサイトでアフィリンクを使うならAMPタグは選ばない
• 画像が表示されないときは、まずAMPチェックを疑う

これでほとんどの「突然画像が消えた」トラブルは解決するはず。