Hreflang
技術＆インフラ各地域でどの言語版のページを表示すべきかを検索エンジンに伝えるHTML属性です。
定義
hreflangは、`<link>`タグ内で使用されるHTML属性で、ページの複数の言語・地域バージョンが存在することを検索エンジンに伝え、各ロケールのユーザーにどのバージョンを検索結果に表示すべきかを指定します。この属性は、言語のみのターゲティングには`hreflang="xx"`（例：`hreflang="ja"`で日本語）、言語と地域のターゲティングには`hreflang="xx-YY"`（例：`hreflang="pt-BR"`でブラジルポルトガル語）の形式に従います。多言語セット内のすべてのページは、自身を含むすべての他のバージョンを参照し、検索エンジンがクロールできる完全な双方向マップを作成する必要があります。特別な値`hreflang="x-default"`は、言語や地域が指定されたどのバージョンにも一致しないユーザー向けのフォールバックページを指定します。
なぜ重要か
hreflangタグがない場合、検索エンジンは多言語サイトで2つの問題に直面します。第一に、ユーザーに間違った言語バージョンを表示する可能性があります — 例えば、ドイツ語話者に英語のページを表示するなど — これはユーザーエクスペリエンスを損ない、直帰率を増加させます。第二に、検索エンジンは翻訳ページを重複コンテンツとして扱い、ページが類似の構造と意図を共有しているためランキングペナルティを適用する可能性があります。正しいhreflang実装は両方の問題を解決します：各ユーザーを適切な言語バージョンに誘導し、翻訳ページが意図的な代替であり重複ではないことを検索エンジンに伝えます。国際的なオーディエンスを持つパブリッシャーにとって、適切なhreflang設定は英語以外の検索市場からのオーガニックトラフィックを大幅に改善できます。
FlipLinkでの仕組み
FlipLinkのマーケティングサイト（fliplink.me）は、next-intlによる[ローカライゼーション](/features/localization)インフラストラクチャを通じて、ブログ、用語集、機能ページ、ツールページ、比較ページを含むすべてのローカライズされたページにhreflangタグを実装しています。各ページは、利用可能な8つの言語バージョン（英語、イタリア語、スペイン語、ドイツ語、日本語、ポルトガル語-BR、ロシア語、オランダ語）すべてを指す`<link rel="alternate" hreflang="...">`要素と、英語バージョンを指す`x-default`を自動的に含みます。これにより、検索エンジンが各翻訳を正しくインデックスし、検索者の言語と場所に基づいて適切なバージョンを提供することが保証されます。公開されたフリップブックやドキュメントについては、hreflangはフリップブックビューアー自体ではなくホスティングページに適用されます — FlipLinkパブリケーションを多言語ウェブサイトに埋め込む場合、埋め込みページにhreflangタグを追加することで、検索結果から正しい言語バージョンに訪問者が到着します。
技術的な詳細
hreflangは3つの方法で実装できます：`<head>`セクション内のHTML `<link>`タグとして、HTTPヘッダーとして（PDFなどの非HTMLファイルに便利）、またはXMLサイトマップ内の`xhtml:link`要素を使用して。各アプローチにはトレードオフがあります：
- **HTML linkタグ**は最も一般的な方法で、ブラウザの開発者ツールでデバッグが最も簡単です。管理可能な数の言語バージョンを持つサイトに適しています。
- **HTTPヘッダー**は、コンテンツ自体がHTMLでない場合（例：複数言語でPDFを提供する）に必要です。
- **XMLサイトマップエントリ**は、数百のページと多くの言語バージョンを持つサイトでより良くスケールします。HTML `<head>`セクションの肥大化を避けられるためです。
実装方法に関わらず、すべてのhreflangアノテーションは相互参照でなければなりません — ページAがページBをスペイン語の代替として宣言する場合、ページBはページAを英語の代替として宣言する必要があります。相互参照リンクが欠落すると、検索エンジンはhreflangシグナルを完全に無視します。言語コードはISO 639-1（2文字の言語コード）に従い、地域コードはISO 3166-1 Alpha 2（2文字の国コード）に従う必要があります。
よくある誤解
- **「hreflangはGoogleがインデックスするページを制御する。」** そうではありません。hreflangは特定のロケールの検索結果にどのバージョンが表示されるかに影響しますが、すべてのバージョンがインデックスされる可能性があります。これは配信ヒントであり、インデックス指令ではありません。
- **「異なる国をターゲットにする場合のみhreflangが必要。」** 言語のみのhreflang（`hreflang="de"`でドイツ語）は、特定の国をターゲットにしていなくても有効で有用です。地域バリアント（例：`pt-BR`対`pt-PT`）に異なるコンテンツがある場合のみ、言語と地域を使用してください。
- **「hreflangはサイトマップの必要性を代替する。」** そうではありません。hreflangとサイトマップは異なる目的を果たします。サイトマップは検索エンジンにどのページが存在するかを伝え、hreflangはそれらのページが言語間でどのように関連しているかを伝えます。
- **「機械翻訳されたページにはhreflangを使用すべき。」** 技術的には可能ですが、検索エンジンは品質の低い翻訳を低く評価する可能性があります。hreflangは各言語バージョンが本当に有用で自然な響きのコンテンツを提供する場合に最も効果的です。
よくある質問
**hreflangタグにエラーがある場合どうなりますか？**
検索エンジンは無効なhreflangアノテーションを静かに無視します。一般的なエラーには、相互参照リンクの欠落、不正確な言語コード、自身のhreflangタグを省略した自己参照ページがあります。Google Search Consoleのインターナショナルターゲティングレポートを使用して、サイト上のhreflangエラーを特定してください。
**hreflangタグはページの読み込み速度に影響しますか？**
影響はごくわずかです。各hreflang `<link>`タグはHTMLに約80〜120バイトを追加します。8つの言語バージョンがあっても、合計オーバーヘッドは1 KB未満で、単一の画像よりもはるかに少ないです。
**hreflangをcanonicalタグと併用すべきですか？**
はい。各言語バージョンは、自身を指す自己参照canonicalタグと、すべてのバージョンを指すhreflangタグを持つべきです。canonicalタグは検索エンジンに「これがこの言語バージョンのプライマリURLです」と伝え、hreflangタグはバージョン同士を接続します。
関連用語
他の言語で利用可能
PDFを
もっと活用しませんか？
FlipLinkを活用して、PDFから魅力的でインタラクティブなコンテンツを作成している多くの企業に加わりませんか。クレジットカード不要で無料スタートできます。