hreflang実装の3パターン完全ガイド|記述例と確認方法・よくあるエラー対処

hreflang実装の3パターン完全ガイド|記述例と確認方法・よくあるエラー対処

hreflang実装とは、各ページがどの言語・地域向けかをGoogleに伝え、ユーザーへ最適なローカライズ版を表示させるための設定です。実装方法はHTMLのhead、XMLサイトマップ、HTTPヘッダーの3パターンがあり、いずれも「自己参照を含む全バージョンの記載」と「双方向の相互参照」が必須です。本記事は記述例のコピペから確認ツール、よくあるエラーの対処までを一気通貫で解説し、設定ミスによる順位低下を防ぎながら多言語サイトを正しく運用できる状態を目指します。

この記事でわかること
  • 3つの実装パターンの記述例と選び方
  • 実装できているかの確認・検証方法
  • よくあるエラーの原因と直し方

HTMLのhead・XMLサイトマップ・HTTPヘッダーを、サイト規模とファイル種別で選び分けます。テストツールとSearch Consoleで双方向参照を検証し、相互参照欠如やコード誤りといった典型エラーを順に修正できます。

目次

hreflang実装とは何か?まず役割と全体像を押さえる

hreflang実装とは何か?まず役割と全体像を押さえる

hreflang実装とは、同じ内容を複数の言語・地域向けに用意したページ同士を関連付け、検索エンジンにローカライズ版の関係を伝える設定です。Googleはこの情報を使い、ユーザーの言語や所在地に合った版を検索結果に表示します。

まずは役割を正しく理解することが、後の記述ミスを防ぐ近道です。多言語SEOの土台としてどう機能するかを整理します。

hreflangはどんな役割を果たすのか?

hreflangは、そのページがどの言語でどの地域向けに書かれているかをGoogleに明示する属性です。Googleはユーザーの言語や地域に応じて最適なローカライズ版を検索結果に表示できるようになりますGoogle検索セントラル)。翻訳版が複数あるサイトでは、意図した国のユーザーへ意図した版を届ける道しるべになります。

実装しないと何が起きるのか?

実装が不十分だと、狙った国で別言語の版が表示されたり、内容が近い版同士が重複と見なされたりする恐れがあります。言語別ページの紐付けが曖昧なままだと検索側が正しい版を選べません。結果として、せっかく用意したローカライズ版のクリック率やコンバージョンが伸び悩む要因になります。

AI検索時代にhreflangはどう関わるのか?

生成AIによる検索でも、言語・地域の一貫した紐付けは正しい情報源の特定に寄与すると考えられます。AI検索最適化の全体像を踏まえると、hreflangは多言語コンテンツの土台整備として位置づけられます。TechSuite株式会社の「AI検索パートナーズ」は、生成AIが引用・推薦する仕組みを構造化データや意味的文脈から技術的に捉え、hreflangのような技術要素も一次情報設計の一部として支援しています。

hreflangは「どの版を誰に見せるか」を伝える道案内。まずは役割を掴んでから記述に進みましょう。

実装前に押さえる基本ルールは何か?

実装前に押さえる基本ルールは何か?

結論として、hreflangは4つの基本ルールを外すと設定全体が無効になり得ます。コードの形式、書き方、自己参照と相互参照、x-defaultの4点です。

まずはこの前提を固めることが、3パターンいずれの実装でも成功率を左右します。順に確認します。

言語・地域コードはどの規格で書くのか?

言語はISO 639-1形式、地域は必要に応じてISO 3166-1 Alpha-2形式で指定します。サポートされるのはISO 639-1の言語コードとISO 3166-1 Alpha-2の地域コードのみですGoogle検索セントラル)。区切りはダッシュを使い、アンダースコアのja_JPは誤りで、正しくはja-JPです。

代表的なコード例を下表に整理します。

用途正しい記述誤り
日本語jajp
日本向け日本語ja-JPja_JP
イギリス向け英語en-GBen-UK
台湾向け中国語zh-TWzh-TWN

「言語」か「言語-地域」かをどう選ぶのか?

言語単位でよければ言語コードのみ、地域まで分けるなら「言語-地域」で書きます。国コードを単独で指定してはならず、最初のコードは必ず言語を示しますGoogle検索セントラル)。ベルギー向けならfr-benl-beのように言語+地域で分けます。

自己参照と相互参照はなぜ必須なのか?

各ページには他言語版だけでなく、そのページ自身の版(自己参照)も含めます。2つのページが互いに参照し合っていない場合、参照タグは無視されますGoogle検索セントラル)。双方向の相互参照は、第三者が勝手に別版を名乗ることを防ぐ仕組みでもあります。

x-defaultは何のために指定するのか?

x-defaultは、用意したどの言語・地域にも一致しないユーザーへ表示する受け皿を指定する値です。言語選択ページや汎用の英語版などをフォールバック先に設定します。TechSuite株式会社の「AI検索パートナーズ」は、こうした前提設計を業種や商材に応じて顧客ごとに個別に組み立て、テンプレートに頼らないフルカスタムで整えていきます。

実装前に確認したい基本ルールのチェックリストです。

  • 言語はISO 639-1、地域はISO 3166-1 Alpha-2で書く
  • 区切りはダッシュ(ja-JP)を使う
  • 自己参照を含む全バージョンを記載する
  • 相互参照とx-defaultを漏れなく指定する

コード規格・書き方・相互参照・x-default。この4点を外さなければ土台は安定しますよ。

AI検索パートナーズでは、
AIに”選ばれる”ための戦略設計から実行まで支援!

hreflang実装の3パターンの記述例は?

hreflang実装の3パターンの記述例は?

hreflangの実装方法は、HTMLのhead、XMLサイトマップ、HTTPレスポンスヘッダーの3パターンです。サイトマップやHTTPヘッダーを使えない場合はHTMLタグが便利とされています(Google検索セントラル)。

まずは各パターンの記述例を確認し、次章で選び方を整理します。TechSuite株式会社の「AI検索パートナーズ」は、こうした構造化された技術実装を、意味的文脈や知識の一貫性まで含めて設計に落とし込んでいます。

HTMLのheadに記述する方法とは?

最も手軽な方法で、各ページの<head>内にlink要素を並べます。代替URLはhttpやhttpsを含む完全修飾の絶対URLで指定する必要がありますGoogle検索セントラル)。日本語・英語・x-defaultの3種を並べる例は下記のとおりです。

要素記述例
日本語版<link rel=”alternate” hreflang=”ja” href=”https://example.com/ja/”>
英語版<link rel=”alternate” hreflang=”en” href=”https://example.com/en/”>
受け皿<link rel=”alternate” hreflang=”x-default” href=”https://example.com/”>

XMLサイトマップに記述する方法とは?

大規模サイトに向く方法で、各<url>内にxhtml:linkで代替版を記述します。headの肥大化を避けられるため、ページ数が多いサイトで管理しやすい方式ですアユダンテ)。冒頭でxmlns:xhtml名前空間を宣言し、URLごとに全バージョン分の<xhtml:link rel="alternate" hreflang="…" href="…"/>を書きます。

HTTPヘッダーに記述する方法とは?

PDFなどHTML以外のファイルに使う方法で、サーバーのレスポンスにLinkヘッダーを付与します。非HTMLファイルのローカライズ版を関連付けたいときに有効な手段です。ApacheやNGINXの設定で、ファイル種別ごとにLink: <https://example.com/en/doc.pdf>; rel="alternate"; hreflang="en"のように出力します。

自己参照込みの完全記述例はどう作る?

どのパターンでも、各版に「自己参照+相互参照+x-default」の同じリンク一式を持たせるのが基本です。ページのどのバージョンでも同じリンク集合を指定します(Google検索セントラル)。3言語なら「ja・en・zh-TW・x-default」の4行を全ページに揃えると漏れが起きにくくなります。

記述時に見落としやすい点のチェックリストです。

  • URLは相対ではなく絶対URLで書く
  • 全ページに同じリンク一式を揃える
  • 自己参照とx-defaultを必ず含める
  • 3パターンを混在させず原則1方式に統一する

head・サイトマップ・HTTPヘッダーの3択。記述例をそのまま自社仕様に置き換えれば実装は進みます。

AI検索パートナーズでは、AI検索の専門知識と支援実績を持つ専任コンサルタントが、AIに“引用される・選ばれる”ための戦略設計からコンテンツ最適化、効果測定・改善まで一気通貫でご支援いたします。
ご興味のある方は、ぜひ資料をダウンロードして詳細をご確認ください。

3パターンをどう選び、どう確認するのか?

3パターンをどう選び、どう確認するのか?

選び方の結論は、小〜中規模はHTMLのhead、大規模はXMLサイトマップ、非HTMLファイルはHTTPヘッダーが基本です。実装後は必ずツールとSearch Consoleで双方向参照を検証します。

TechSuite株式会社の「AI検索パートナーズ」は、サイト構造・コンテンツ・検索導線・運用体制の仕組みを捉えてボトルネックを特定し、実装方式の選定から検証までを解決策として提示し実行まで伴走します。

サイト規模とファイル種別でどう選ぶ?

実装難易度や管理性はパターンごとに異なります。HTML方式はページ数が増えるとheadが肥大化し手作業のミスが起きやすくなりますアユダンテ)。判断軸を下表にまとめます。

方式向くケース主な留意点
HTMLのhead小〜中規模ページ増でhead肥大化
XMLサイトマップ大規模生成・更新の自動化が前提
HTTPヘッダーPDF等の非HTMLサーバー設定の知識が必要

WordPressなどCMSではどう実装する?

WordPressではPolylangなどの多言語プラグインで、Google推奨に沿った実装が可能です(neural-opt)。プラグインを使えばhreflangの生成と相互参照を自動化しやすくなります。headにコードだけ入れたい場合はWPCode等の補助プラグインも利用できます。

実装できているかをどう確認する?

少数ページはhreflangテストツール、多数ページはScreaming FrogやAhrefs、Semrushで一括チェックします。Google公式もAleyda Solisの生成ツールやMerkle(technicalseo.com)のテストツールを例示しています(Google検索セントラル)。ブラウザの開発者ツールでheadやHTTPヘッダーを目視確認する方法も併用できます。

Search Consoleで何を見ればよい?

Search Consoleでは相互リンク欠如や不正URL、無効な言語・地域コードなどのエラーを検出できます(アユダンテ)。実装直後だけでなく定期的に確認し、警告が出たら早めに修正することが安定運用の鍵ですAI検索対策の進め方と同様に、検証と改善のループを回す姿勢が欠かせません。

実装後の確認手順チェックリストです。

  • テストツールで単一ページを検証する
  • Screaming Frog等で全ページを一括点検する
  • Search Consoleでエラー警告を確認する
  • 開発者ツールで実際の出力を目視する

規模とファイル種別で方式を選び、ツールとSearch Consoleで検証。ここまでで実装の骨格は完成です。

hreflangのよくあるエラーと対処法は?

hreflangのよくあるエラーと対処法は?

最も多いエラーは相互参照の欠如で、次いでコード誤り、絶対URL不使用、canonical不整合が続きます。いずれも原因が明確で、順に潰していけば解消できます。

TechSuite株式会社の「AI検索パートナーズ」は、技術実装を担う人材とコンテンツ制作人材が一つのチームで連携し、エラー検出から修正、再検証までを一気通貫で支援します。

相互参照の欠如はどう直す?

片方向でしかリンクしていないと参照タグは無視されます。すべての版が互いに参照し合う双方向リンクを確保することが最優先の対処ですGoogle検索セントラル)。相互参照率が下がっていないか、定期チェックで100%を保つ運用が有効です。

言語・地域コードの誤りはどう防ぐ?

地域コードの単独指定や無効コードは典型的なミスです。EUやUN、en-UKといった予約・無効コードはGoogle検索で無視されますGoogle検索セントラル)。イギリスはen-GB、区切りはアンダースコアではなくダッシュを使うと覚えておくと安全です。

絶対URLやcanonicalの不整合はどう扱う?

相対URLは認識されず、正規化されていないページを指すのも誤りです。hreflangで指定するページは必ずcanonicalで設定した正規ページにしますneural-opt)。lang属性とhreflangの言語指定を一致させ、404ページを指していないかも確認します。

代表的なエラーと対処を一覧にまとめます。

エラー対処
相互参照の欠如全版で双方向リンクを設定
地域コード単独言語コードを先頭に置く
en-UK等の無効コードen-GBなど正しいコードに修正
相対URL絶対URLに書き換える
non-canonicalを指す正規ページを指すよう修正

エラー回避のチェックリストです。

  • 双方向の相互参照が全版で成立している
  • 言語・地域コードが規格どおりである
  • URLはすべて絶対URLである
  • canonicalとlang属性が整合している

エラーは原因がはっきりしています。相互参照とコードとURLを順に点検すれば直せますね。

canonicalやドメイン戦略とどう連携し運用する?

canonicalやドメイン戦略とどう連携し運用する?

hreflangは、canonicalやlang属性、ドメイン戦略と整合させて初めて効果が安定します。実装後は貼って終わりにせず、相互参照率や国別指標を継続監視することが重要です。

TechSuite株式会社の「AI検索パートナーズ」では、露出や順位だけでなく成果に直結させる方針を取り、支援においてAI検索経由の受注率は従来のSEO経由の約3倍という実績もあります。多言語の技術基盤づくりも、この成果志向の運用に接続していきます。

canonicalとhreflangはどう併用する?

各版は自己参照canonicalを持ち、hreflangは正規ページ同士を指すのが原則です。canonicalを他言語へ向けてしまうとインデックスが集約され、ローカライズ版が表示されなくなりますmaster-plan)。両者の役割を混同しないことが安定の条件です。

ドメイン戦略はどれを選ぶ?

ccTLD、サブドメイン、サブディレクトリの3方式があります。ccTLDは地域シグナルが強い一方で運用コスト増とドメイン権威の分散というトレードオフがありますmaster-plan)。下表で特徴を比較します。

方式特徴
ccTLDexample.jp地域シグナルが強い
サブドメインjp.example.com運用と地域指定の両立
サブディレクトリexample.com/ja/権威を集約しやすい

実装後は何をKPIに運用する?

実装後は相互参照率や国別の指標を継続的に見ます。目安として、対象全ページでhreflang相互参照率100%、国・言語別の直帰率やCVR改善などが挙げられています(master-plan)。翻訳を超えて通貨・単位・法令差までローカライズすると、成果につながりやすくなります。

canonicalとドメイン戦略を整え、相互参照率と国別指標を見続ける。運用まで含めて多言語SEOは完成に近づきます。

よくある質問

日本語サイトだけでもhreflangは必要ですか?

単一言語のみのサイトでは基本的に不要です。hreflangは複数の言語版や地域版が存在し、それらを関連付けたい場合に効果を発揮します。将来的に多言語展開を予定しているなら、その段階で導入を検討すると良いでしょう。

x-defaultは英語版と言語選択ページのどちらにすべきですか?

どちらも選択肢になります。用意した言語に一致しないユーザーへ表示する受け皿なので、言語選択ページや汎用の英語版を指定するのが一般的です。自社の主要ユーザー層に合わせて判断すると良いでしょう。

3つの実装パターンは併用してよいですか?

原則として1つの方式に統一することが推奨されます。複数方式が混在すると記述の食い違いが起きやすく、検証も難しくなります。まずはサイト規模とファイル種別に合う方式を1つ選ぶのが安全です。

まとめ

hreflang実装は、HTMLのhead・XMLサイトマップ・HTTPヘッダーの3パターンから、サイト規模とファイル種別に応じて選ぶのが基本です。いずれの方式でも、ISO準拠のコード、絶対URL、自己参照を含む全バージョンの記載、双方向の相互参照、x-defaultが土台になります。

実装後はテストツールとSearch Consoleで検証し、相互参照欠如やコード誤りといった典型エラーを順に修正します。canonicalやドメイン戦略と整合させ、相互参照率や国別指標を継続監視することで効果が安定します。

貼って終わりにせず、検証と改善のループを回すことが多言語SEO成功の近道です。専門的な設計や成果への接続に不安があれば、外部の支援も選択肢に加えると良いでしょう。

参考にした情報源

参考にした情報源
監修者情報

TechSuite株式会社
COO AI×マーケティング事業統括

倉田 真太郎

大学在学中よりWEBディレクターとして実務経験を開始。生成AI活用型SEO記事代行事業を立ち上げ、同カテゴリ内で市場シェアNo.1を獲得。同サービスで30,000記事超のAIライティング実績。0から1年間で月間300万PVのメディアを立ち上げ、月間1億円超の売上創出に寄与した経験を有する。

AI検索パートナーズでは、AI検索の専門知識と支援実績を持つ専任コンサルタントが、AIに“引用される・選ばれる”ための戦略設計からコンテンツ最適化、効果測定・改善まで一気通貫でご支援いたします。
ご興味のある方は、ぜひ資料をダウンロードして詳細をご確認ください。

Form CTA
よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

製品・サービス

目次