Do you build things with AMP? Fill out the AMP Developer Survey!
AMP

AMP キャッシュ問題のデバッグ

AMP キャッシュでドキュメントが破損しているのはなぜですか?

有効な AMP ドキュメントは通常、AMP キャッシュ上と元の場所で同じように表示され、動作します。ただし、問題となるコンポーネントとサーバー構成がいくつかあります。

特定のドキュメントが元のドキュメントと同じように表示され、動作するにも関わらす、キャッシュで表示するとそうでない場合(元の URL を Google の AMP キャッシュにマッピングするには)は、以下をお試しください。

  1. ブラウザの開発者/エラーツールコンソールを開き、表示されるエラーや警告を解決します。
  2. AMPBench を通じてドキュメントを実行し、予期されないエラーや警告をすべて解決します。

これらの手順に従っても問題が解決しない場合は、以下の表を確認してください。

症状 問題 解決策
ウェブフォントが表示されない(フォールバックフォントが使用される) フォントプロバイダのホワイトリストに AMP キャッシュが含まれていない。 フォントプロバイダに連絡し、すべてのキャッシュを allowlist に含めるように依頼してください。
アセット(フォントや画像など)が表示されない( (HTTP オリジンのみ) ドキュメントにプロトコル相対 URL が使用されている。 絶対 URL に切り替えてください(//www.site.com/doc/amp ではなく http://www.site.com/doc/amp を使用する)。
アセット(フォントや画像など)が表示されない アセットの MIME タイプが誤って配信されている。 許可される MIME タイプを指定してください。
AMP キャッシュからアセットにアクセスできない。 AMP キャッシュがアセットにアクセスできることと、IP アドレスやユーザーエージェントなどによってブロックされていないことを確認してください(Google のクローラーが使用するエージェントのリスト)。
などの動的要素が期待通りに動作しない。 CORS ヘッダーが破損または欠落している。 これらのコンポーネントは、AMP キャッシュからオリジンにクロスオリジンリクエストを発行します。デフォルトでは、これらのリクエストはブラウザによってブロックされています。これらのリクエストを許可するには、すべてのキャッシュを allowlist に追加する CORS ヘッダーを発行してください。
法的削除通知により削除されるべきコンテンツが配信される。 AMP キャッシュからコンテンツが削除されていない。 各 AMP キャッシュで、ガイドラインに従って、コンテンツを更新してください。Google AMP キャッシュについては、AMP コンテンツの更新を参照してください。