Google 検索向けに AMP を最適化する

基本的な AMP ページの作成、構造化データの追加、ページの監視、コードラボを使った練習を行うことで、Google 検索向けに AMP コンテンツを最適化することができます。

基本的な AMP ページを作成する

  1. AMP ページを新規作成します
  2. Google 検索での AMP ページに関するガイドラインに従います。
  3. ページをリンクしてコンテンツが検出されるようにします。Google 検索では、クロールとインデックス登録を行うために、AMP ページが正規ページにリンクしている必要があります。正規ページは、非 AMP バージョンのページの場合と、AMP ページ自体である場合があります。詳しくは、AMP URL の構造についての 開発者向けブログ記事をご覧ください。
  4. ユーザーが AMP ページで体験できるコンテンツと実行可能な操作が、対応する正規ページと可能な限り同じであることを確認します。
  5. AMP テストツールを使用して、有効な AMP HTML ドキュメントの Google 検索要件をページが満たしていることを確認します。
  6. 正規ページと AMP ページの両方で同じ構造化データのマークアップを使用します。
  7. コンテンツに関する一般的なおすすめの方法を適用します。
    1. robots.txt ファイルが AMP ページをブロックしていないことを確認します。meta robots noindex タグ、block indexing タグ、robots meta タグを使用します。
    2. 言語や地域の URL に hreflang を使用する場合のガイドラインに従います。AMP の具体的な例については、多言語対応についての記事をご覧ください。

CMS を使用して AMP ページを作成する

コンテンツ管理システム(CMS)を介してウェブ コンテンツを配信する場合は、既存の CMS プラグイン(WordPressDrupal、Joomla 用など)を使用したり、CMS にカスタム機能を実装して AMP コンテンツを生成したりできます。CMS をカスタマイズする場合は、基本的な AMP ページを作成するをご覧のうえ、以下のガイドラインに従ってください。

  • AMP HTML ファイルをサイトの URL パスの体系にどのように組み込むかを検討します。正規の非 AMP ページに加えて AMP ページも生成する場合は、次のいずれかの URL スキームを選択することをおすすめします。
    • http://www.example.com/myarticle/amp
    • http://www.example.com/myarticle.amp.html
  • 構造化データのマークアップ テンプレートを作成します。以下のガイドラインに従ってください。
    • 公開するコンテンツのタイプの要件に基づいてテンプレートを作成します。
    • レシピ、記事、動画、レビューのサンプル テンプレートについては、AMP プロジェクトのメタデータの例をご覧ください。

モバイル検索のリッチリザルトで表示されるように最適化する

構造化データを使用すると、モバイルの Google 検索結果ページの表示を最適化できます。構造化データを使用した AMP ページは、モバイル検索ではリッチリザルトで表示できます(トップニュース カルーセルやホスト カルーセルなど)。

  1. 構造化データを実装します。AMP でサポートされる構造化データについて詳しくは、Google 検索での AMP についてをご覧ください。
  2. 構造化データ テストツールを使用して、構造化データが正しく解析されることを確認します。
  3. ロゴが AMP ロゴ ガイドラインに準拠していることを確認します。ロゴが指定されていない場合や、ロゴの形式が適切に設定されていない場合は、トップニュース カルーセルにロゴが正しく表示されないか、まったく表示されません。
  4. AMP テストツールを使用して、AMP が Google 検索用に最適化されているかどうかを確認します。

ページを監視して改善する

以下のレポートを監視して、すべての AMP ページを定期的に確認します。

最新バージョンのコンテンツを配信するために、Google AMP キャッシュを直ちに更新する必要がある場合は、AMP コンテンツの更新をご覧ください。

Google 検索結果からの AMP ページの配信を停止する必要がある場合は、Google 検索結果から AMP コンテンツを削除するをご覧ください。

コードラボを使って練習する

ここでは、Google 検索用に AMP ページを作成する練習を行うためのコードラボをいくつかご紹介します。

リソース

AMP ページを作成したので、ここでは、AMP 向けのその他の Google サービスの統合について学習するためのリソースをいくつかご紹介します。

フィードバックを送信...