設定を検索エンジンに伝える
別々の URL
この設定では、PC 用 URL ごとに、モバイル端末専用コンテンツを配信する別の URL を用意します。
この設定では、PC 用 URL ごとに、モバイル端末専用コンテンツを配信する別の URL を用意します。
たとえば、PC ユーザーに配信される www.example.com
上のページに対応するページとして、m.example.com
のページをモバイル ユーザーに配信するのが一般的です。Google では、すべての Googlebot ユーザー エージェントがすべてのページにアクセス可能である限り、特定の URL 形式が優先されることはありません。
TL;DR
Google のアルゴリズムがサイトのこの設定を認識できるように、次のアノテーションを使用することをおすすめします。
Google では、このアノテーションの追加先として、ページ自体の HTML とサイトマップの 2 つをサポートしています。たとえば、PC 用 URL が http://example.com/page-1
で、対応するモバイル端末用 URL が http://m.example.com/page-1
であるとします。この場合のアノテーションは次のようになります。
PC 用ページ(http://www.example.com/page-1
)には、次のアノテーションを追加します。
<link rel="alternate" media="only screen and (max-width: 640px)"
href="http://m.example.com/page-1" >
モバイル端末用ページ(http://m.example.com/page-1
)に追加する必要があるアノテーションは次のとおりです。
<link rel="canonical" href="http://www.example.com/page-1" >
モバイル端末用 URL には、PC 用ページを指すこの rel="canonical" タグが必要です。
サイトマップには、次のように PC 用ページの rel="alternate" アノテーションを含めることができます。
<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
xmlns:xhtml="http://www.w3.org/1999/xhtml">
<url>
<loc>http://www.example.com/page-1/</loc>
<xhtml:link
rel="alternate"
media="only screen and (max-width: 640px)"
href="http://m.example.com/page-1" />
</url>
</urlset>
モバイル端末用 URL 上の必須の rel="canonical" タグはこれまでどおりモバイル端末用ページの HTML に追加する必要があります。
PC 用ページの link タグの属性に注意してください。
この双方向アノテーションにより、Googlebot でコンテンツの検出が可能となり、アルゴリズムが PC 用ページとモバイル端末用ページの関係を把握したうえで適切に処理できます。異なる URL を使って同じコンテンツを異なるフォーマットで配信する場合は、アノテーションによって Google のアルゴリズムにそれらの 2 つの URL のコンテンツは同等であるために 2 つの構成要素ではなく 1 つの構成要素として扱うことを伝達します。別々に処理されると、PC 用 URL とモバイル端末用 URL はどちらも PC の検索結果に表示され、そのランキングは 1 つの同じ構成要素として扱う場合よりも下がる可能性があります。この設定でよく見られるミスを回避するため、以下の点に注意してください。
PC ブラウザ用とモバイル ブラウザ用に別々の URL を使用しているウェブサイトでは、ユーザーの環境に合わせて自動的に最適な URL にリダイレクトすることもできます。ウェブサイトで自動リダイレクトを使用する場合は、他のユーザー エージェントと同じようにすべての Googlebot を処理し、適切にリダイレクトする必要があります。
Googlebot では、以下の 2 つのリダイレクトの実装がサポートされます。
HTTP リダイレクトは、クライアントをデバイス固有の URL にリダイレクトする場合によく使用します。通常、このリダイレクトは HTTP リクエスト ヘッダーにあるユーザー エージェントに基づいて行われます。リダイレクト先をページの link rel="alternate" タグやサイトマップに指定されている代替 URL と一致させておくことが重要です。
この目的のために、サーバーのリダイレクトで、HTTP ステータス コード 301 または 302 のどちらを用いても問題ありませんが、可能な限り 302 を使用することをおすすめします。
HTTP リダイレクトの実装が難しい場合は、JavaScript を使って、link rel="alternate"
タグが指す URL にユーザーをリダイレクトできます。この方法を選択する場合は、まずブラウザ上でページをダウンロードしてから JavaScript の解析、実行が行われるため、リダイレクトがクライアント側で起こるまでに遅延が発生することに注意してください。
JavaScript ベースのリダイレクトはさまざまな手段で実装できます。たとえば、既にサイトのページのリンク アノテーションで使用しているメディア クエリを、JavaScript の matchMedia()
関数を使って実行することも可能です。
ウェブサイトごとにリダイレクトの方針は異なります。PC 用ページにアクセスしたモバイル ユーザーのみをモバイル専用ページにリダイレクトするウェブサイト(「単方向」リダイレクト)もあれば、モバイル ユーザーと PC ユーザーがそれぞれ PC 用サイトとモバイル用サイトにアクセスした場合にその両者をリダイレクトするウェブサイト(「双方向」リダイレクト)もあります。
Googlebot への対応という意味でどちらを推奨する、ということはありません。リダイレクトの方針を決める際は、ユーザーの利便性を考えて検討することをおすすめします。最も重要なのは、正しく一貫性のあるリダイレクトを提供すること、つまり PC サイトまたはモバイル サイトの対応するコンテンツにリダイレクトすることです。設定が正しくないと、一部のユーザーがまったくコンテンツを表示できない可能性があります。
また、リダイレクトを無効にする方法、つまり、選択すればモバイル ユーザーが PC 用ページを表示でき、PC ユーザーはモバイル端末用ページを表示できるようにする方法を用意することもおすすめします。
保存
更新日: 2014 年 11 月 3 日