この記事は最終更新日から2年以上経過しています。
AMP エラーの確認するツール
公開日：
更新日：
こんにちは。ましじめの田村です。
AMPのサイトのエラーの確認をするケースがありました。この場合次のツールを使うとスムーズに確認できそうです。
エラーの修正など確認方法は公式サイトのこちらのページを確認するとよさそうです。
AMP ページを検証する
AMP 検証エラー
ブラウザの Developer Console
urlの末尾に#development＝1をつけてアクセスするとコンソールにエラーが表示される
https://masizime.com/amp#development＝1ウェブ インターフェース
AMP 検証ツールURLを設定すると検証ができる
ウェブ インターフェース
https://validator.ampproject.org/#url=https://masizime.com/ampChrome拡張
AMP 検証ツールにブラウザのツールバーから直接アクセスできるようになる
サイトにアクセスした場合AMPに対応しているかどうかも判定できる
AMP Validator
その他表示の確認
修正後は再クロールのリクエストを送る
以上「AMP エラーの確認するツール」でした。
AMP対応する際に参考にしてみてください。
関連記事
この記事のハッシュタグ #AMP から関連する記事を表示しています。
AMP 広告を設定する
こんにちは。ましじめの田村です。 AMPで広告を表示したいケースがありました。 公式ドキュメントを見るとこちらの内容で表示可能でした。 AMP ページと収益化 amp-ad amp-sticky-ad 仕様は今後、大幅に変更される可能性があるそうです。必要な場合は都度マニュアルをチェックするのが良さそうです。 必須のスクリプト <!-- 広告 --> <script async custom-element="amp-ad" src="https://cdn.ampproject.org/v0/amp-ad-0.1.js"></script> <!-- 固定表示の広告 --> <script async custom-element="amp-sticky-ad" src="https://cdn.ampproject.org/v0/amp-sticky-ad-1.0.js"></script> 表示例 タグはこちから作成できる模様 広告タグを作成する また、使用できる広告はこの辺りを確認すると良さそうです。 AMP ページと AMP HTML に関してアド マネージャーで利用できる機能 以上「AMP 広告を設定する」でした。 AMP対応する際に参考にしてみてください。
スタッフブログ
AMP タグ マネージャーを設定する
こんにちは。ましじめの田村です。 AMPでアナリティクスを表示したいケースがありました。 公式ドキュメントを見るとこちらの内容で表示可能でした。 AMP とタグ マネージャーの設定ガイド amp-analytics 必須のスクリプト <!-- headの中 --> <script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script> <!-- bodyの中 --> <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-CONTAINER_ID" data-credentials="include"></amp-analytics> 表示例 <script type="application/json "> { "vars" : { "type": "shoes", "color": "red" } } </script> </amp-analytics> 以上「AMP タグ マネージャーを設定する」でした。 AMP対応する際に参考にしてみてください。
スタッフブログ
