パソコンを便利に！！

Search Console から、また「AMP ページのエラー」のお知らせが届きました。
今度は、『許可されていない属性が HTML タグ「a」にあります』とのこと。

さっそく該当記事を調べてみると、エラーが検出されたのはAmazonアソシエイトの広告リンクを埋め込んだ部分でした。
該当するブログは、SeeSaaブログで運営しているものです。

コードを見てみると、要らないものが混じっていて、その中の「<」などのHTML上の特殊記号が、「＆lt;」のようにHTML変換されている感じになっていました。
下のコードの赤文字部分です。

<a href="&lt;a%20href=&quot;https://www.amazon.co.jp/%E3 〜〜〜

（中略）

〜〜〜&quot; &gt;&lt;/a&gt;&lt;img src=&quot;https://〜〜〜

（後略）

対応としては、もう一度Amazonアソシエイト側で、広告リンクのコードをコピーし直して、ブログに貼り直ししました。
貼り直したあとのコードを確認してみると、上の赤文字のようなものは付いておらず、問題なさそうです。

Search Console で「ページをテスト」してみると、「有効なAMPページです」となり、問題は解消していました。

（画像は以前使用したものを流用しているので、日時が古くなっています）


原因は、Amazonアソシエイトのリンクコードを出力する部分にあるのか、SeeSaaブログのリンクをHTML化する部分にあるのかは分かりません。
また、同様のリンクの貼り方は他の記事でもたくさん使っていて、他ではそのようなことが起きていないので、該当記事を書いているときの自分のパソコンの不調が原因なのかもしれません。

いずれにしても、今回のようなエラーが出たときは、該当部分のコードを貼り直すといいようです。