モバイルサイトとモバイルファースト インデックスに関するおすすめの方法

Google のインデックス登録とランキングでは、スマートフォン エージェントでクロールしたモバイル版のサイト コンテンツを優先的に使用します。これをモバイルファースト インデックスと呼びます。

モバイル版のページを用意することは、コンテンツを Google の検索結果に表示させるための要件ではありませんが、非常に強く推奨されています。このページで説明するおすすめの方法は、モバイルサイト全般にあてはまり、当然のことながら、モバイルファースト インデックスにもあてはまります。

ユーザーに最適なエクスペリエンスを提供できるよう、このガイドで紹介されているおすすめの方法を実践してください。

モバイル フレンドリーなサイトを作成する

スマートフォンからアクセスした際のユーザー エクスペリエンスが優れたものなるように、モバイル フレンドリーなウェブサイトを用意します。モバイル フレンドリーなサイトの構成方法は、次の 3 つから選ぶことができます。

  • レスポンシブ デザイン: ユーザーのデバイスの種類(パソコン、タブレット、モバイル、非視覚系ブラウザなど)に関係なく、同じ URL で同じ HTML コードを配信しつつ、画面サイズに応じてコンテンツの表示方法を変更します。Google では、実装と維持が最も簡単なデザイン パターンとしてレスポンシブ ウェブ デザインをおすすめしています。
  • 動的な配信: デバイスに関係なく同じ URL を使用します。この構成方法では、デバイスに応じて異なるバージョンの HTML を配信するために、user-agent スニッフィングVary: user-agent HTTP レスポンス ヘッダーを利用します。
  • 別個の URL: デバイスに応じて別個の URL で異なる HTML を配信します。動的な配信と同様、デバイスに合ったバージョンのサイトにリダイレクトするために、HTTP の user-agent ヘッダーと Vary ヘッダーを利用します。

このガイドの内容は、動的な配信と別個の URL の各構成方法にのみあてはまります。レスポンシブ デザインの場合、各ページのコンテンツとメタデータはモバイル版とパソコン版で同じです。

Google がコンテンツにアクセスしてレンダリングできることを確認する

Google がモバイルページのコンテンツとリソースにアクセスしてレンダリングできることを確認します。

  • モバイルサイトとパソコンサイトで同じ robots meta タグを使用します。 モバイルサイトで別の robots meta タグ(特に noindex タグまたは nofollow タグ)を使用していて、サイトのモバイルファースト インデックス登録が有効になっている場合、ページのクロールとインデックス登録に失敗することがあります。
  • メイン コンテンツをユーザー操作(スワイプ、クリック、入力など)時の遅延読み込みにしないでください。Google は読み込みにユーザーの操作が必要なコンテンツを読み込みません。遅延読み込みコンテンツを Google が認識できるようにしてください
  • Google がリソースをクロールできるようにします。一部のリソースではモバイルサイトの URL とパソコンサイトの URL が異なります。Google に URL をクロールさせる場合、disallow ルールにより URL をブロックしていないことを確認してください。

パソコンとモバイルでコンテンツが同じであることを確認する

同等のコンテンツでも、パソコン用ページとモバイルページ間で DOM やレイアウトが異なると、異なるコンテンツだと見なされることがあります。しかし、パソコン版とモバイル版でコンテンツが同じであれば、同じキーワードに対して必ず両方が表示されます。

  • モバイルサイトにパソコンサイトと同じコンテンツを含めます。モバイルサイトのコンテンツがパソコンサイトよりも少ない場合、モバイルサイトを更新して、主要なコンテンツをパソコンサイトと同等にすることをご検討ください。モバイル版に異なるデザインを使用することで、ユーザー エクスペリエンスが向上します(コンテンツをアコーディオンやタブに移動するなど)。ただし、サイトのインデックス登録はモバイルサイト経由であることがほとんどであるため、コンテンツはパソコンサイトと同等にします。
  • パソコンサイトと同様に、モバイルサイトでも明確で意味のある見出しを使用します

構造化データを確認する

サイトに構造化データがある場合は、パソコン版とモバイル版の両サイトに構造化データがあることを確認します。具体的な確認方法は次のとおりです。

  • パソコンサイトと同じ構造化データをモバイルサイトに使用します。 データタイプに優先順位を付けてモバイルサイトに追加する必要がある場合は、BreadcrumbProductVideoObject の構造化データから始めます。
  • 構造化データに正しい URL を使用します。モバイル版の構造化データ内の URL が、モバイル向け URL に更新されていることを確認します。
  • データ ハイライターを使用する場合は、モバイルサイトで調整します。データ ハイライターを使用して構造化データを提供する場合は、抽出エラーがないかどうかをデータ ハイライター ダッシュボードで定期的にチェックします。

パソコン版とモバイル版の両サイトに同じメタデータを設定する

パソコン版とモバイル版の両サイトで、title 要素メタ ディスクリプションが同じであることをご確認ください。

広告の配置場所を確認する

広告がモバイルページのランキングに影響しないようにします。モバイル デバイスに広告を表示する際は、Better Ads Standards を遵守してください。たとえば、ページ上部の広告がモバイル デバイスにおいて画面の大半を占めている場合、ユーザー エクスペリエンスが低下します。

視覚的なコンテンツを確認する

画像を確認する

モバイルサイトの画像が、画像に関するおすすめ方法に沿っていることをご確認ください。具体的には、次のことをおすすめします。

  • 高画質の画像を使用します。モバイルサイトでは、サイズが小さすぎる、または解像度の低い画像を使用しないでください。
  • サポートされている画像形式を使用します。サポートされていない形式やタグは使用しないでください。たとえば、Google では SVG 形式の画像をサポートしていますが、インライン SVG 内の <image> タグの .jpg 画像をインデックスに登録することはできません。
  • 画像のページが読み込まれるたびに変更される URL は使用しないでください。画像の URL が頻繁に変更されている場合、リソースの処理およびインデックス登録は適切に行われません。
  • パソコンサイトと同じ代替テキストがモバイルサイトにあることを確認します。 モバイルサイトの画像には、パソコンサイトと同様に説明となる代替テキストをご使用ください。
  • モバイル用ページのコンテンツの品質がパソコン用ページと同じくらい良好であることを確認します。パソコンサイトと同じように、モバイルサイトの画像と関連性の高いタイトル、キャプション、ファイル名、テキストをご使用ください。

動画を確認する

モバイルサイトの動画が、動画に関するおすすめ方法に従っていることをご確認ください。具体的には、次のことをおすすめします。

  • 動画のページが読み込まれるたびに変更される URL は使用しないでください。 動画の URL が頻繁に変更されている場合、リソースの処理およびインデックス登録は適切に行われません。
  • サポートされている動画形式を使用し、サポートされているタグで動画を配置します。動画がページ上で識別されるのは、<video><embed><object> などの HTML タグがある場合です。
  • モバイルサイトとパソコンサイトの両方で同じ動画用構造化データを使用します。詳細については、構造化データを確認するをご覧ください。
  • 動画をモバイル デバイスで見たときに見つけやすい位置に配置します。たとえば、モバイルページで下に何度もスクロールしないと動画が見つからない場合、動画のランキングに影響する可能性があります。

別々の URL を使用する場合のその他のおすすめの方法

サイト内のページの URL が、パソコン版とモバイル版(「m.」とも呼ばれます)で異なる場合は、以下のおすすめの方法も参考にしてください。

  • エラーページのステータスが、パソコンサイトとモバイルサイトで同じであることを確認します。パソコン版のページでは通常のコンテンツが配信される一方で、対応するモバイル版にはエラーページが表示される場合、このページはインデックスに登録されません。
  • モバイル版にフラグメント付き URL がないことを確認します。URL のフラグメントとは、# から URL の末尾までの部分です。ほとんどの場合、フラグメント付き URL はインデックスに登録できません。こうしたページは、ご使用のドメインのモバイルファースト インデックス登録が有効になると、インデックスから除外されます。
  • 別々のコンテンツを配信している複数のパソコン版がある場合は、それぞれに対応するモバイル版を用意します。モバイル デバイス上で、複数の URL を同じ URL(ホームページなど)にリダイレクトしている場合、こうしたページは、ご使用のドメインのモバイルファースト インデックス登録が有効になると、インデックスから除外されます。
  • Search Console でモバイル版とパソコン版の両サイトを確認して、どちらのサイトのデータとメッセージにもアクセスできるようにします。サイトがモバイルファースト インデックス登録に切り替わった際に、サイトのデータが変動する可能性があります。
  • 個々の URL の hreflang リンクをチェックします。rel=hreflang link 要素多言語化を行っている場合は、モバイル向け URL とパソコン向け URL を個別にリンクします。モバイル向け URL の hreflang にはモバイル向け URL を指定し、パソコン向け URL の hreflang には同様にパソコン向け URL を指定する必要があります。

    以下に、モバイル向けとパソコン向けで URL が異なるサイトのホームページについて、hreflang を使用した例を示します。

    モバイル

    この例で、モバイルサイトの URL は https://m.example.com/ です。

    <link rel="canonical" href="https://example.com/">
    <link rel="alternate" hreflang="es" href="https://m.example.com/es/">
    <link rel="alternate" hreflang="fr" href="https://m.example.com/fr/">
    <link rel="alternate" hreflang="de" href="https://m.example.com/de/">
    <link rel="alternate" hreflang="th" href="https://m.example.com/th/">

    パソコン

    この例で、パソコンサイトの URL は https://example.com/ です。

    <link rel="canonical" href="https://example.com/">
    <link rel="alternate" media="only screen and (max-width: 640px)" href="https://m.example.com/">
    <link rel="alternate" hreflang="es" href="https://example.com/es/">
    <link rel="alternate" hreflang="fr" href="https://example.com/fr/">
    <link rel="alternate" hreflang="de" href="https://example.com/de/">
    <link rel="alternate" hreflang="th" href="https://example.com/th/">
  • モバイルサイトに十分な処理能力があることを確認して、クロール頻度の増加に備えてください。
  • モバイル版とパソコン版の両サイトに対して、robots.txt ルールが意図したとおりに機能することを確認します。robots.txt ファイルでは、ウェブサイトでクロールを許可する部分と許可しない部分を指定できます。ほとんどの場合、モバイル版とパソコン版の両サイトで同じ robots.txt ルールを使用します。
  • モバイル版とパソコン版の間で正しい rel=canonicalrel=alternatelink 要素を使用します。常にパソコン版の URL を正規 URL とし、モバイル版の URL をその代替 URL とします。

    別個の URL でサイトを設定する場合の rel=canonicalrel=alternate の例を次に示します。

    モバイル

    この例では、モバイルサイトの URL は https://m.example.com/ で、link 要素でパソコン版 URL を正規 URL として指定しています。

    <link rel="canonical" href="https://example.com/">

    パソコン

    この例では、パソコン版サイトの URL は https://example.com/ で、link 要素でその URL を正規 URL として指定しています。また、link 要素をもう一つ追加して、モバイル版 URL を代替 URL として指定しています。

    <link rel="canonical" href="https://example.com/">
    <link rel="alternate" media="only screen and (max-width: 640px)" href="https://m.example.com/">

困ったときに

サイトのモバイルファースト インデックス登録が有効にならない、または有効になった後にランキングが低下する原因となる、一般的なエラーの一覧を次に示します。サイトのモバイルファースト インデックス登録がまだ有効になっていないか、有効になった後にランキングが低下した場合、または Search Console でメッセージが届いた場合は、以下の一覧を基に、エラーの可能性がある箇所を確認、修正してください。

エラー

構造化データがない

問題の原因: モバイルページに、パソコン用ページにある構造化データ マークアップがすべて含まれていません。

問題の修正方法

  1. パソコン版とモバイル版の両サイトに構造化データが存在することを確認します。
  2. パソコンサイトと同じ構造化データをモバイルサイトに使用します。
  3. 構造化データに正しい URL を使用します。モバイル版の構造化データ内の URL が、正しい URL に更新されていることを確認します。
  4. 構造化データの抽出エラーを確認します。データ ハイライターを使用して構造化データを提供する場合は、抽出エラーがないかどうかをデータ ハイライター ダッシュボードで定期的にチェックします。
  5. URL 検査ツールを使用して、レンダリングされたページにコンテンツが表示されていることを確認します(レンダリングされたページは Google から見えるページの状態です)。

ページに noindex タグがある

問題の原因: noindex タグにより、モバイルページのインデックス登録がブロックされています。

問題の修正方法: モバイルサイトとパソコンサイトで同じ robots meta タグを使用します。モバイルページで noindex タグを使用しないでください(使用していて、サイトでモバイル ファースト インデックス登録が有効になっている場合、ページはインデックスに登録されません)。

画像がない

問題の原因: パソコン用ページにある重要な画像のうち、モバイルページに含まれていないものがあります。

問題の修正方法

  1. モバイルサイトにパソコンサイトと同じコンテンツを含めます。モバイルサイトのコンテンツがパソコンサイトよりも少ない場合、モバイルサイトを更新して、主要なコンテンツをパソコンサイトと同等にすることをご検討ください。モバイルサイトに表示されるコンテンツのみがインデックス登録に使用されます。
  2. モバイルサイトとパソコンサイトで同じ robots meta タグを使用します。モバイルページで nofollow タグを使用しないでください(使用していて、サイトでモバイルファースト インデックス登録が有効になっている場合、ページ画像のクロールとインデックス登録は行われません)。
  3. 画像に対して、サポートされている形式とタグを使用します。たとえば、Google では SVG 形式の画像をサポートしていますが、インライン SVG 内の <image> タグの .jpg 画像をインデックスに登録することはできません。
  4. メイン コンテンツをユーザー操作(スワイプ、クリック、入力など)時の遅延読み込みにしないでください。Google は読み込みにユーザーの操作が必要なコンテンツを読み込みません。遅延読み込みコンテンツを Google が認識できるようにしてください

画像のブロック

問題の原因: モバイルページの重要な画像が robots.txt によってブロックされています。

問題の修正方法: Google がリソースをクロールできるようにします。一部の画像ではモバイルサイトの URL とパソコンサイトの URL が異なります。Google に URL をクロールさせる場合、disallow ルールにより URL をブロックしないでください。

画像の画質が悪い

問題の原因: モバイルページの重要な画像が小さすぎるか低解像度です。

問題の修正方法: 高画質の画像を指定します。モバイルサイトでは、サイズが小さすぎる、または解像度の低い画像を使用しないでください。

代替テキストがない

問題の原因: モバイルページの重要な画像に代替テキストが指定されていません。

問題の修正方法: モバイルサイトの画像に、パソコンサイトと同じ代替テキストを指定します。

ページタイトルがない

問題の原因: モバイルページにタイトルが指定されていません。

問題の修正方法: モバイル版とパソコン版の両サイトに同じタイトルメタ ディスクリプションを設定します。

メタ ディスクリプションがない

問題の原因: モバイルページにメタ ディスクリプションがありません。

問題の修正方法: モバイル版とパソコン版の両サイトに同じタイトルメタ ディスクリプションを設定します。

モバイル向け URL がエラーページである

問題の原因: モバイルページがエラーページです。

問題の修正方法: パソコンサイトとモバイルサイトでエラーページのステータスが同じであることを確認します。パソコン版のページでは通常のコンテンツが配信される一方で、対応するモバイル版にはエラーページが表示される場合、このページはインデックスに登録されません。

モバイル向け URL にアンカー フラグメントが含まれる

問題の原因: モバイル向け URL にアンカー フラグメントが含まれています。フラグメントを含む URL はインデックスに登録できません。

問題の修正方法: モバイル版にフラグメント付き URL がないことを確認してください。ほとんどの場合、フラグメント付き URL はインデックスに登録できません。こうしたページは、ご使用のドメインのモバイルファースト インデックス登録が有効になると、インデックスから除外されます。

モバイルページが robots.txt によってブロックされている

問題の原因: モバイルページが robots.txt ルールによってブロックされています。

問題の修正方法: robots.txt ルールと robots meta タグがモバイル版とパソコン版の両サイトで意図したとおりに機能することを確認します。モバイル版とパソコン版の両サイトで同じ robots.txt ルールを使用します。

モバイルページ ターゲットが重複している

問題の原因: 複数のパソコン用ページが同じモバイルページにリダイレクトされています。

問題の修正方法: 別々のコンテンツを配信している複数のパソコン版ページがある場合は、それぞれに対応するモバイル版を用意します。モバイル デバイス上で複数の URL を同一 URL にリダイレクトしている場合、モバイルファースト インデックス登録が有効になると、これらのページはインデックスから除外されます。

パソコンサイトがモバイルのホームページにリダイレクトされる

問題の原因: パソコンサイトのほとんどまたはすべてのページが、モバイルサイトのホームページにリダイレクトされています。

問題の修正方法: パソコン版ページと同等のコンテンツを含むモバイル版を用意します。複数の URL がモバイル デバイス上ではホームページにリダイレクトされる場合、モバイルファースト インデックス登録にドメインが移行すると、これらのページはインデックスから除外されます。

ページの品質に問題がある

問題の原因: モバイルページで、広告の問題やページ上のコンテンツ、タイトル、画像の説明要素の欠落があります。

問題の修正方法

  1. 広告がモバイルページのランキングに影響しないようにします。モバイル デバイスに広告を表示する際は、Better Ads Standards を遵守してください。
  2. モバイルサイトにはパソコンサイトと同じコンテンツを含める必要があります。モバイルサイトのコンテンツがパソコンサイトよりも少ない場合、モバイルサイトを更新して、主要なコンテンツをパソコンサイトと同等にすることをご検討ください。モバイルサイトに表示されるコンテンツのみがインデックス登録に使用されます。
  3. パソコンサイトと同様に、モバイルサイトでも明確でわかりやすい見出しを使用するようにしてください。
  4. パソコンサイトと同じように、モバイルサイトの画像と関連性の高いタイトル、キャプション、ファイル名、テキストを使用します。

動画に問題がある

問題の原因: モバイルページに、サポートされていない形式の動画、見つけにくい場所にある動画、メタ ディスクリプションがない動画、読み込みに時間がかかる動画があります。

問題の修正方法

  1. サポートされている形式の動画を使用し、サポートされているタグで動画を配置します。動画がページ上で識別されるのは、<video><embed><object> などの HTML タグがある場合です。
  2. メイン コンテンツをユーザー操作(スワイプ、クリック、入力など)時の遅延読み込みにしないでください。Google は読み込みにユーザーの操作が必要なコンテンツを読み込みません。遅延読み込みコンテンツを Google が認識できるようにしてください
  3. 動画をモバイルサイトで見つけやすい場所に配置します。たとえば、モバイルページで下に何度もスクロールしないと動画が見つからない場合、動画のランキングに影響する可能性があります。

ホスト負荷に問題がある

問題の原因: 一部のホストに十分な処理能力がありません。

問題の修正方法: モバイルサイトに十分な処理能力があることを確認して、クロール頻度の増加に備えてください。