search console AMP 問題が新たに検出された対策

googleさんからメールが届きました。

サイトで「AMP」の問題が
新たに検出されました

？？？何？意味不明ーーー(´･_･`)

メールには、こんなことが
書いてあります。

たいへんです、googleさんから
検索もされなくなる？
現状サイトも若く検索上位は
見込めませんが検索対象外と
なるとどうしようもありません。

なんとか解決したので記事に
させていただきます。

「AMP」の問題が検出された
メールが来ました

AMP HTML タグの属性で指定されたレイアウトが無効です

サーチコンソール(google search console)で
エラーを確認

サーチコンソールでログインしてエラーの
状況を確認します。

エラーが1件出て赤マークになっている
のがわかります。

AMPのエラーが「1」と表示されてますね。

AMP エラーの詳細を確認

エラーの赤線があるところへ、
マウスを近づけると、「問題を
検出しました」の表示が出ます。

ここで更に「問題を表示」を
クリックするとエラー箇所が
表示されます。

AMP エラーコードを分析

エラー原因箇所が、ピンクで表示
されてます。

エラー発生時のコード

エラー解消後のコード

ほかと同じパターンのバナーコードを
確認したところ、赤線マークした部分の
データが不足していました。

バナーの幅や高さなどサイズを
指示している部分で原因不明ですが、
データが不足した状態になり
エラーが発生したようです。

AMPエラーの発生理由

記事公開時点では、問題ありません
でした。記事更新等の際にデータが
一部化けた？としか思えないです。

AMP エラー時の対策

エラー発生部のバナーコードを再度
貼り直してみる。

「修正を検証」ボタンで修正を
確認できます。
ここで確認しなくてものちほど
googleさんからエラー解消
確認のメールが届きます。

半日くらいでメールが
届いてました。

エラー解消した画面です。

AMP HTML タグの属性で
指定されたレイアウトが
無効です　のまとめ

１．サーチコンソールでエラー状況確認

２．サーチコンソールでエラー詳細確認

３．エラー部のコードを確認して修正

４．修正を検証確認
確認は必須ではないです。のちほど
googleさんからメールが届きます

以上でございます。
最後まで読んでいただき
ありがとうございました。