AMPページにしたら、アマゾンアフィリエイトで「タグの属性で指定されたレイアウトが無効」になる対処方法

アフィリエイト

2021.12.02 2020.06.04

AMP設定をしたらエラー続出

AMP(Accelerated Mobile Pages)とは、「モバイルページを高速に表示させるための手法」

のようです。Google様がお勧めしているWEBページのスタイルになりますが、自分もはっきり言って何をどう変更すればいいのかが分かっていません。

テーマの設定に、AMPにする設定があったので、それをONにしただけです。

しかし、それでは、Google Search Consoleにてエラーが続出しました。

そのエラーは、AMP時の画像に縦横の設定が無いとエラーになるらしい。

ちなみに、AMPページをテストしてくれるサイトがあるのでテストしたところ下記のように２件のエラーが出ました。

ひとつは、普通の画像なので、下記のようにして対処すればエラーが消えます。

ちゃんと、

横と高さには、数値が入っていますが、AMPになると消えてしまうようです。

ところが、倍率をクリックすれば消されないで反映するようなのです。

これで、保存更新すれば、再度AMPテストしてもクリアされます。

ところが、

Amazonのアフィリエイトなどの場合は、iframeタグを使っているのですが、これがAMPでは使えないらしい。困りました。

今までは、画像とテキストにて、ページに貼っていましたが、画像だけにしてみました。

もちろん、味気ない画像だけになりました。

アマゾンのアフィリエイトは色々と規定があって勝手に加工してアマゾンの販売サイトなどに誘導するとペナルティになるので、アマゾンが許している部分を使って「Amazon詳細ページへ」というボタンを設置することにしました。

リンクボタンも勝手に作れないので、アマゾンリンクボタンサイトからダウンロードしました。

リンクするサイトは、商品ページから取得しました。

そして、出来上がったAmazon用のAMP対策リンクは下記のようになります。

ただ、アマゾンからの画像の下に、アマゾンが用意したバナーボタンを設置して、アマゾンが指定するリンク先に設定しただけです。

前に解説した状態では、アマゾンのコードに縦横の設定が無い事がわかりました。

もちろん、AMPテストするとエラーになりました。

下にコードを書いておきます。

※コードは一部省略してあります。

※現在は、border=”0″　を削除しないとエラーになります。（20201111)

つまり、アマゾン画像の表示させたいサイズに

width=”250″ height=”250″

をいれないとAMPエラーになりますので注意してください。

また、

width=”３０％” height=”３０％”じゃエラーになる！

ので御注意ください。

プレビューでは何の問題もないのですが、AMPテストするとエラーになります。

アマゾンのアフィリエイト画像で、また別のエラーがでました。

このエラーの場合は、AMP では img に border を指定してはいけない決まりになっているようなので、広告タグに「border=”0″」が指定されているためエラーが出るようです。

border=”0″を消すことが必要のようです。

AMPエラーで、THE THORのテーマ機能で関連記事があるのですが、デフォルトのまま使うと、勝手に「target=0」が入ります。

これもAMPエラーになるようなので、削除しました。