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 サービスの統合に関するリソースをいくつかご紹介します。

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