目次
多言語サイトのSEO戦略におけるhreflang属性の重要性
第1章：hreflang属性の基礎知識
第2章：必要な道具・準備
第3章：手順・やり方
第4章：注意点と失敗例
第5章：応用テクニック
第6章：よくある質問と回答
第7章：まとめ
多言語サイトを運営する企業にとって、世界中のターゲットユーザーにリーチすることはビジネス成長の鍵となります。しかし、異なる言語や地域に最適化されたコンテンツを検索エンジンに正しく認識させ、適切なユーザーに表示させることは、一筋縄ではいきません。特に、Googleなどの検索エンジンが多言語コンテンツを扱う上で重要な役割を果たすのが「hreflang属性」です。この属性の設定を誤ると、意図しない言語圏で誤ったページが表示されたり、重複コンテンツとみなされて検索ランキングが低下したりするリスクがあります。結果として、ターゲット市場での視認性が損なわれ、ビジネスチャンスを逸してしまう可能性も少なくありません。
本記事では、多言語サイトのSEO戦略において不可欠なhreflang属性について、その基本原理から実践的な設定方法、さらにはよくある失敗例とその回避策、応用テクニックまで、専門家レベルの知見を交えながら徹底的に解説します。正確なhreflang属性の設定を通じて、グローバル市場での競争力を高め、ターゲットユーザーへ確実にコンテンツを届けるための戦略を構築しましょう。
第1章：hreflang属性の基礎知識
hreflang属性は、ウェブページが特定の言語または地域に特化していることを検索エンジンに伝えるためのHTML属性です。この設定により、検索エンジンはユーザーの言語設定や所在地に基づいて、最も適切な言語バージョンのページを検索結果に表示できるようになります。多言語サイトにおけるhreflang属性の主な役割は以下の通りです。
重複コンテンツ問題の回避
異なる言語で同一の内容を扱っているページや、同一言語で地域ごとに微調整されたページは、検索エンジンから重複コンテンツと見なされる可能性があります。hreflang属性は、これらのページがそれぞれ異なるターゲットを持つ「意図的な重複」であることを検索エンジンに明確に伝え、ペナルティのリスクを回避します。
適切なターゲット設定とユーザーエクスペリエンスの向上
ユーザーが検索を行った際、そのユーザーの言語や地域に最も関連性の高いページを提示することで、ユーザーエクスペリエンスが向上します。例えば、日本語を話すアメリカのユーザーには日本語のページを、英語を話す日本のユーザーには英語のページをといった具合に、ユーザーの環境に合わせた最適なコンテンツを提供できるようになります。
言語コードと地域コードの指定方法
hreflang属性では、言語と地域を正確に指定する必要があります。これはISO標準コードを使用して行われます。
- 言語コード：ISO 639-1形式（2文字）を使用します。例えば、日本語は”ja”、英語は”en”、フランス語は”fr”です。
- 地域コード：ISO 3166-1 Alpha-2形式（2文字）を使用します。これはオプションであり、特定の言語がさらに特定の地域をターゲットにする場合にのみ使用します。例えば、アメリカ英語は”en-US”、イギリス英語は”en-GB”、カナダのフランス語は”fr-CA”です。地域を指定しない場合は、その言語が話される全ての地域が対象となります（例：enは全ての英語圏）。
地域コードは大文字で記述することが推奨されます。言語と地域を組み合わせる際は、「言語-地域」の形式でハイフンを使用します。
x-defaultの重要性
hreflang属性の設定において、「x-default」は非常に重要な役割を果たします。これは、ユーザーの言語や地域に一致する特定のページが存在しない場合に、検索エンジンがどのページを表示すべきかを指定するための属性です。例えば、サイトが日本語と英語のページを提供しているが、スペイン語のユーザーがアクセスした場合、x-defaultで指定されたページ（通常はサイトのデフォルト言語のページや言語選択ページ）が表示されることになります。これにより、どのユーザーに対しても適切なフォールバックページを提供し、ユーザーエクスペリエンスの低下を防ぎます。
第2章：必要な道具・準備
hreflang属性を正確に設定するためには、いくつかの準備と考慮事項があります。サイトの規模やCMSの種類によって最適な方法が異なりますが、ここでは一般的な準備とツールについて解説します。
サイトマップ（XMLサイトマップ）の準備
大規模な多言語サイトでは、hreflang属性をHTMLヘッダーに直接記述すると、コードが肥大化し管理が複雑になる可能性があります。このような場合、XMLサイトマップにhreflang情報を記述する方法が推奨されます。そのため、サイトの全URLを網羅したXMLサイトマップの準備は不可欠です。既存のサイトマップを更新するか、多言語対応のサイトマップを新たに生成する必要があります。
HTMLヘッダー内のタグ編集
hreflang属性の最も直接的な設定方法は、各ページのHTMLヘッダー
セクションにタグを挿入することです。<link rel="alternate" href="https://example.com/jp/" hreflang="ja" />
<link rel="alternate" href="https://example.com/en/" hreflang="en" />
<link rel="alternate" href="https://example.com/" hreflang="x-default" />この方法を採用する場合、サイトのテンプレートファイルを編集するスキルや、CMSのテーマエディタへのアクセスが必要になります。
HTTPヘッダーでの指定（非HTMLファイル向け）
PDFファイルなどのHTML以外のドキュメントに対してもhreflang属性を指定したい場合、HTTPヘッダーを使用する方法があります。これは、HTMLファイルでは使用できないため、特定の状況下で役立ちます。
Link: <https://example.com/document.pdf>; rel="alternate"; hreflang="en", <https://example.com/ja/document.pdf>; rel="alternate"; hreflang="ja"ただし、この方法はサーバー設定の知識が必要となるため、より技術的な難易度が高いです。
CMS（WordPressなど）でのプラグイン利用の検討
WordPressのようなCMSを使用している場合、多言語対応プラグイン（例：WPML, Polylangなど）がhreflang属性の管理機能を提供していることがあります。これらのプラグインは、ユーザーインターフェースを通じて簡単にhreflang属性を設定・管理できるため、手動での記述ミスを減らし、運用負荷を軽減するのに役立ちます。プラグインの機能と制限をよく理解し、サイトの要件に合致するかどうかを確認することが重要です。
言語・地域戦略の明確化
hreflang属性を設定する前に、どの言語でどの地域をターゲットにするのか、その戦略を明確にしておくことが重要です。
- 単一言語で複数地域をターゲットにするのか（例：en-US, en-GB）
- 複数言語で単一地域をターゲットにするのか（例：カナダ向けにen-CA, fr-CA）
- 一般的な言語ページと特定の地域向けページを併用するのか（例：enとen-US）
これらの戦略に基づいて、適切な言語・地域コードの組み合わせを決定します。
第3章：手順・やり方
hreflang属性を設定する主な方法は、HTMLの
セクション内、XMLサイトマップ、そしてHTTPヘッダーの3つです。ここでは、最も一般的に使用されるHTMLとXMLサイトマップでの設定手順を詳しく解説します。セクションでの設定方法
この方法は、比較的ページ数の少ないサイトや、各ページの言語・地域設定が明確な場合に適しています。
- 全言語バージョンのURLを特定：対象となる各ページについて、提供するすべての言語・地域バージョンのURLをリストアップします。
- タグの記述：各ページのセクション内に、そのページ自身と、対応する他のすべての言語バージョンのページへのタグを記述します。
例えば、以下のような構造のサイトを考えます。
- 英語（汎用）：https://example.com/en/
- 日本語（汎用）：https://example.com/ja/
- フランス語（汎用）：https://example.com/fr/
- デフォルトページ（英語をx-defaultとする）：https://example.com/en/
「https://example.com/en/」ページの
セクションには、以下のように記述します。<link rel="alternate" href="https://example.com/en/" hreflang="en" />
<link rel="alternate" href="https://example.com/ja/" hreflang="ja" />
<link rel="alternate" href="https://example.com/fr/" hreflang="fr" />
<link rel="alternate" href="https://example.com/en/" hreflang="x-default" />同様に、「https://example.com/ja/」ページの
セクションにも、全く同じ内容のタグを記述します。これはhreflang属性の「双方向リンクの原則」を示す重要な点です。XMLサイトマップでの設定方法
大規模なサイトや、頻繁にページが更新されるサイトでは、XMLサイトマップにhreflang属性を記述する方が管理が容易です。
- サイトマップの構造を理解する：XMLサイトマップは、通常
タグで囲まれ、各URLは タグで記述されます。 タグでURLを指定し、 、 、 などの情報を含めます。 タグの中に、そのURLに対応する他の言語バージョンのURLを タグに含める必要があります。
例：
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
xmlns:xhtml="http://www.w3.org/1999/xhtml">
<url>
<loc>https://example.com/en/</loc>
<xhtml:link rel="alternate" hreflang="en" href="https://example.com/en/" />
<xhtml:link rel="alternate" hreflang="ja" href="https://example.com/ja/" />
<xhtml:link rel="alternate" hreflang="fr" href="https://example.com/fr/" />
<xhtml:link rel="alternate" hreflang="x-default" href="https://example.com/en/" />
</url>
<url>
<loc>https://example.com/ja/</loc>
<xhtml:link rel="alternate" hreflang="en" href="https://example.com/en/" />
<xhtml:link rel="alternate" hreflang="ja" href="https://example.com/ja/" />
<xhtml:link rel="alternate" hreflang="fr" href="https://example.com/fr/" />
<xhtml:link rel="alternate" hreflang="x-default" href="https://example.com/en/" />
</url>
<url>
<loc>https://example.com/fr/</loc>
<xhtml:link rel="alternate" hreflang="en" href="https://example.com/en/" />
<xhtml:link rel="alternate" hreflang="ja" href="https://example.com/ja/" />
<xhtml:link rel="alternate" hreflang="fr" href="https://example.com/fr/" />
<xhtml:link rel="alternate" hreflang="x-default" href="https://example.com/en/" />
</url>
</urlset>双方向リンクの原則
hreflang属性を設定する上で最も重要なルールの1つが「双方向リンク（アノテーション）の原則」です。これは、ページAがページBを参照する場合、ページBもまたページAを参照していなければならないというルールです。もしこの双方向リンクが欠けていると、hreflangの設定は検索エンジンによって無視されるか、正しく解釈されない可能性があります。全ての言語・地域バージョンのページが、お互いを参照し合うように設定することが不可欠です。
x-defaultの実装例
x-defaultは、特定の言語・地域にマッチしないユーザーに対する「デフォルト」のページを指定します。上記の例では、英語のページ（https://example.com/en/）をx-defaultとして設定しています。これにより、例えばポルトガル語のユーザーがサイトにアクセスした場合、英語のページが表示されることになります。x-defaultは必ず1つのURLにのみ設定し、全てのhreflangセットに含めるべきです。