「日本語ページと英語ページ、両方ちゃんと作ったのに、なぜか英語の検索結果に日本語ページが表示される」「逆に、日本語で検索しているのに英語ページが出てくる」——多言語サイトを運用していると、こうした現象に出会うことがあります。
多くの場合、原因はhreflangタグの設定漏れ、または設定ミスです。この記事では、旅館・小さな宿の多言語サイトを前提に、hreflangの基本的な考え方とよくある失敗例を解説します。専門的な内容ですが、仕組みを理解しておくと、制作会社に依頼する際も的確に指示・確認ができるようになります。
hreflangタグとは何か
hreflangタグは、「このページは何語・どの地域向けのページか」、そして「同じ内容の他言語版はどこにあるか」を検索エンジンに伝えるための目印です。これにより、Googleは日本語で検索しているユーザーには日本語ページを、英語で検索しているユーザーには英語ページを、それぞれ優先的に表示できるようになります。
hreflangタグがない、または誤っていると、検索エンジンはどのページをどの言語のユーザーに見せるべきか正しく判断できず、意図しない言語のページが表示されたり、評価が分散して両方とも検索順位が伸びにくくなったりします。
基本の書き方
各ページの<head>内に、そのページ自身を含めた全言語版へのリンクを記述します。
html
<link rel="alternate" hreflang="ja" href="https://www.example-ryokan.com/" />
<link rel="alternate" hreflang="en" href="https://www.example-ryokan.com/en/" />
<link rel="alternate" hreflang="x-default" href="https://www.example-ryokan.com/" />
ポイントは、日本語ページにも英語ページにも、両方の言語のhreflangタグを同じように記述することです。英語ページにだけ設定して、日本語ページには何も書かない、というのはよくある漏れのひとつです。
x-defaultは、どの言語にも該当しないユーザー(言語設定が不明な場合など)に表示するデフォルトページを指定するもので、多くの場合は日本語ページを指定します。
URL構造の選び方
多言語サイトのURL構造には主に3つのパターンがあります。
| 構造 | 例 | 特徴 |
|---|---|---|
| サブディレクトリ | example.com/en/ | 設定・運用がしやすく、多くの宿泊施設サイトに向く |
| サブドメイン | en.example.com | サーバー側の設定次第で柔軟だが管理がやや複雑 |
| パラメータ | example.com/?lang=en | 検索エンジンに評価されにくいため非推奨 |
特別な事情がなければ、サブディレクトリ構造(/en/)がシンプルで管理しやすく、多くの制作会社でも標準的に採用されています。
よくある失敗例
失敗例1:自己参照タグの記述漏れ
英語ページから日本語ページへのhreflangは書いてあるのに、英語ページ自身を指すhreflang="en"のタグが抜けているケース。これは非常によくあるミスで、各言語ページは「自分自身」も含めてすべての言語版を列挙する必要があります。
失敗例2:相互リンクになっていない
日本語ページには英語ページへのhreflangが書かれているのに、英語ページ側には日本語ページへのhreflangが書かれていない、というように片方向にしか設定されていないケース。hreflangは双方向で一致していないと正しく認識されません。
失敗例3:URLの末尾スラッシュや大文字小文字の不一致
https://example.com/en/とhttps://example.com/enのように、実際のURLとhreflangタグ内のURLが完全に一致していないケース。わずかな違いでも認識エラーの原因になります。
失敗例4:hreflangだけ設定して、コンテンツ自体が対応していない
hreflangタグは正しく設定されていても、肝心の英語ページの中身が翻訳されていない、または情報量が極端に少ないケース。hreflangタグはあくまで「言語の対応関係」を伝えるものであり、コンテンツの質を保証するものではありません。
失敗例5:CMSの多言語プラグインの初期設定のまま放置
WordPressなどのCMSで多言語化プラグインを導入した際、初期設定のままhreflangが自動生成されているものの、実際のページ構成と噛み合っていないケース。プラグイン任せにせず、実際に出力されているタグを一度確認しておくと安心です。
設定できているか確認する方法
Googleサーチコンソールの「インデックス」>「ページ」から、意図しない言語のページが表示されていないかを確認できます。また、ブラウザでページのソースコードを表示し、hreflangで検索して、該当する言語のタグが正しく双方向に設定されているかを目視で確認することも可能です。
まとめ:地味だが土台になる部分
hreflangタグの設定は、デザインやコンテンツと違って目に見える効果がわかりにくい部分です。しかし、ここが正しく設定されていないと、どれだけ良い英語コンテンツを作っても、正しいユーザーに正しいページが届きません。多言語サイトを構築・リニューアルする際は、公開前に必ず確認しておきたいポイントです。
Studio HAKOの HAKO Scan では、hreflangの設定状況を含めたサイトの国際SEO対応状況を無料診断できます。まずは現状を確認してみてください。