Google Search Console(サチコ)の、
AMP(Accelerated Mobile Pages)エラー対策のまとめ記事になります。
自分がはまったもの、その対策を記載しています。
自分用のまとめですが、回覧は自由です。
エラー対策一覧
現状で、こちらで確認しているエラーの一覧になります。
- 推奨サイズより大きい画像を指定してください。
- タグ「a」の HTML 属性「href」の URL プロトコルが無効です。
- 許可されていない属性または属性値が HMTL タグにあります。
- カスタム JavaScript は使用できません。
- 参照している AMP URL は AMP ではありません
推奨サイズより大きい画像を指定してください。
画像の横幅が1200px以上かどうかを確認します。
タグ「a」の HTML 属性「href」の URL プロトコルが無効です。
誤字脱字とかをチェックします。
タグの閉じ忘れ、URLの打ち間違い、半角全角、空白などがないか確認します。
許可されていない属性または属性値が HMTL タグにあります。
コピペしたものを疑うといいです。
私の場合、参考にしたテンプレートにAMPページだと使用できないタグが入っていました。
具体的には、tableのtdタグにhtml4では非推奨の「noswap」がはいっていたのが原因でした。
エラー箇所をサチコ(Google Search Console)が指摘してくれるので、
落ち着いて対処すれば解決できると思います。
カスタム JavaScript は使用できません。
スマートフォン用のAMPのページでは、基本的にJavascriptは動きません。
子テーマのAMPのヘッダー用PHP(Cocoonであればamp-head-insert.php)に、
Javascriptのコードを入れてしまっていたのが原因でした。
消すことでエラーが解消されました。
参照している AMP URL は AMP ではありません
おそらくCocoon側のバグです。
検証をクリックして放置していたら治っていました。
Google Search ConsoleのAMPエラー対策まとめ
私が困ったものを今回紹介していきました。
ご参考になれば幸いです。