ブログ

Google Search ConsoleのAMPエラー対策について

タルシャン

本業は、IT企業のエンジニアです。 私の正体を知っている方はそっと見守っていてください...

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エラー対策まとめ

私が困ったものを今回紹介していきました。

ご参考になれば幸いです。

WordPressテーマランキング

(ACTION)AFFINGER6

当ブログでもメインで使用しているWordPressテーマですよ。

SWELL

初心者でもおしゃれなウェブサイトが作れる。

THE・THOR

他を圧倒するようなおしゃれなサイト制作をしたいならこちら。

  • この記事を書いた人

タルシャン

本業は、IT企業のエンジニアです。 私の正体を知っている方はそっと見守っていてください...

-ブログ