MEDIA』でAMP設定を有効にしたら【広告タグ】の貼り付け方に注意しようどうも、こはるです。MEDIA』のカスタマイズ機能のひとつである「AMP設定」を有効にした場合に気をつけた方がいいよってことがあったのでご紹介いたします。「AMPを適用させるには、AMPが定める厳格なマークアップルールに従う必要があります。記述に誤りがあると機能を有効化してもページによってはエラーとなる可能性があります」と書かれています。サーチコンソールで頻繁にエラーを指摘されるようになりました。これが言われてたエラーか・・・、AMPわからんのに・・・と、こんな状態に。「いらすとや」でお借りしましたでも、数をこなすうちにあることに気づきました。広告タグを貼るときには気をつけろ!外部画像をお借りするときは気をつけろ!ということです。それでは、どんなエラーが出たのかを紹介したいと思います。タグ「amp-img」にありますこのメッセージでエラーになっていたHTMLタグは「border=”0′′」でした。「border=”0′′」とは、ボーダーの太さを表すタグです。AMPでは、「img」のスタイルを指定するときに「border」を使ってはいけないというルールがあります。A8.netの場合、記事内に貼る広告リンクコードは下記のようになります。>内にある【border=”0′′】は削除する必要があります。(「img」は画像に使われるHTMLタグです。)では、下のようなバナータイプの場合、どのように記述されるかを見てみますね。alt=””>バナータイプの場合、2ヶ所に【border=”0′′】が使用されています。AMPに対応させるためには、この2ヶ所を削除する必要があります。必須属性「width」「height」がタグ「amp-img」にありませんAMPで画像を使用する場合、「width」と「height」の値を記述することが必須です。「width」は横幅、「height」は高さを表しています。バナー広告のように画像を伴う広告を貼る場合や、何らかの理由で他サイトの画像を読み込むためにリンクを貼り付けた場合、「width」や「height」が記述されていないことがあります。そのまま放置するとエラーとなってしまうので、修正する必要があります。title=””></a>どこにも、「width」や「height」が記述されていないですよね。書いておかないとエラーになります。エラーを回避するためには、画像サイズを調べないとダメか・・・って思いますよね。調べる必要はなし!次の方法でやれば、自動で画像サイズが挿入されます。挿入した画像をクリックし、「鉛筆マーク(編集)」を押します。画像詳細が開いたら、何もせずただ「更新」ボタンを押すだけでOK。