hreflang属性の書き方と設定後の確認方法を解説

本記事では、実際にHTMLへ記述する際の正確な書き方や、設定ミスを防ぐための重要なルール、そして最新の動作確認ツールについて解説します。

「hreflang属性とは?」について知りたい方やどのような国コードが使用できるかは以下の記事をご覧ください。

目次

hreflang属性の正しい書き方

<link rel="alternate">タグは、そのページに対する「別の言語版」が存在することを示すタグです。これを記述することで、Googleに対して「英語で検索している人にはこのURLを、日本語の人にはこのURLを出してほしい」と正確にリクエストを送信できるようになります。

hreflang属性は、HTMLの<head>セクション内に<link rel="alternate">タグを使用して記述します。
主な使用例は以下の通りです。

使用例
<link rel="alternate" hreflang="【言語・地域コード】" href="【URL】">

属性概要使う理由
relalternate 固定。「代替ページであること」を検索エンジンに知らせるため。
hreflang「言語コード」もしくは「言語コード-国コード」がよく使われます。 ※英語の場合はen、アメリカ英語の場合はen-US。 その他、「言語コード-文字体系」を使うこともあります。どの地域の、どの言語を使っているユーザーに向けたページかを指定するため。
href各言語・地域向けページの絶対パス。検索結果で表示させるべき正しいURL(https://~~)へGoogleを導くため。

参照元:ページのローカライズ版について Google に知らせる

記述例

例えば、英語と日本語の2か国語に対応したページの場合は、以下のように記述します。

<link rel="alternate" hreflang="en" href="https://example.com/en/">
<link rel="alternate" hreflang="ja" href="https://example.com/ja/">
<link rel="alternate" hreflang="x-default" href="https://example.com/en/">

記述する際の3つの主なルール

<link rel="alternate">タグを有効に機能させるには、以下の3つのルールをすべて満たす必要があります。どれか一つでも欠けると、Googleは言語の関連性を正しく理解できません。

1.  自分自身のURLも記述する

忘れがちなのが、現在表示しているページ自身の情報です。日本語ページであっても、そのページ自身のURLをhreflang="ja"としてリストに含めてください。これにより、Googleはそのページが「多言語グループの一員であること」を認識できます。

2. 双方向にリンクを設置する

hreflang属性は、グループ内のすべてのページに「共通のリスト」を配置する必要があります。
例えば、日本語ページに「英語版へのリンク」を書いたなら、英語版ページにも「日本語版へのリンク」を必ず書いてください。互いにリンクし合うことで、第三者による不正なページ指定(なりすまし)を防ぎ、設定の正当性を証明します。

3. x-defaultを設定する

指定した言語以外のユーザー(例:ドイツ語設定のユーザー)が検索した際に、どのページを表示すべきかを指定します。
一般的には、共通言語である「英語版」や「言語選択ページ」のURLを指定します。これがないと、ターゲット外のユーザーに意図しないページが表示されるリスクがあります。

自動リダイレクト設定は「非推奨」

ユーザーの場所(IPアドレスやブラウザ設定)を判別して、自動的に各言語ページへリダイレクトさせる仕組みは、SEOの観点から推奨されません。

理由

自動リダイレクトにより、ユーザーが他言語バージョンを閲覧できなくなる可能性があるほか、Googleのクローラーもアクセスできなくなる可能性があります。

Googleのクローラーは、特定の言語設定(Accept-Languageヘッダ)を持たずにアクセスするため、自動リダイレクトがあると一部の言語ページを巡回・インデックスできなくなるからです。自動で飛ばすのではなく、ページ上部に「言語切り替えボタン」を設置し、ユーザー自身に選択させる方法が最も安全です。

hreflang属性の設定が正しくされているか確認する方法

設定が完了したら、実際にGoogleが認識しているか確認しましょう。
hreflang属性の設定を確認をする方法は以下の2つがあります。

以前提供されていたGoogleサーチコンソールの「インターナショナルターゲティング」レポートは2022年8月に廃止されています。

URL検査ツールでの確認手順

Googleサーチコンソールの「URL検査」を使用すると、Googleがページをどのようにインデックスし、hreflangタグを認識しているかを直接確認できます。

  1. Googleサーチコンソールにログインします。
  2. 左メニュー、または上部の検索窓にある「URL検査」をクリックし、確認したいページのURLを入力して、Enterキーを押します。
GoogleサーチコンソールのURL検査ページで該当のURLを入力する
  1. 「クロール済みのページを表示」を選択します。
  2. HTMLのタブ上で「hreflang」と検索をかけて、設定した情報が表示されており、エラーが出ていなければGoogleに正しく認識されています。
クロール済みのページを表示を選択して、hreflangタグを確認する

Browserling(ブラウザリング)での確認手順

Browserlingは、海外のサーバーを経由してWebサイトを表示できるツールです。日本国外からアクセスした際に、意図した言語ページが表示されるかを確認するのに役立ちます。

  1. Browserlingの公式サイトにアクセスしたら、URL入力欄に、確認したいサイトのURLを入力します。
  2. アクセス元となるOSやブラウザを選択します。
    ※無料版は一部制限があります。
  3. 「Test now!」をクリックしてサイトを表示させます。
Browserling(ブラウザリング)で海外サーバーから該当のページを確認する
  1. 海外(主にカナダなどの北米拠点)からのアクセスとしてサイトが読み込まれます。
  2. 表示されたページのソースコードをデベロッパーツールで表示し、hreflangタグが正しく記述されているか、または地域設定に基づいたコンテンツが表示されているかを目視で確認します。
ページのソースコードをデベロッパーツールで表示し、hreflangタグが正しく記述されているか確認する

公開前のチェックリスト

公開前に、以下の3つの項目を必ず目視でチェックしてください。

  • 相対パスになっていないか
    hrefの内容が /ja/page.html のような相対パスではなく、ドメインを含む絶対パスになっていることを確認してください。Googleは絶対パスでの指定を求めています。
  • 下層ページがTOPページを指していないか
    記事の個別ページであれば、他言語版も「その記事の個別ページ」を指定してください。すべてのページでTOPページを指定するのは誤りです。
  • 全角の「:」やスペースが混じっていないか
    コード内の「:」やスペースが全角になっているとエラーになります。すべて半角英数字で記述されているか確認してください。

まとめ

hreflang属性を正しく記述し、双方向リンクとx-defaultの設定を完了させることで、多言語サイトのSEO品質は向上します。

「タグを書いたら終わり」ではなく、必ずサーチコンソールの「URL検査」でGoogle側の認識状況を確認するアクションまで必ず行いましょう。適切な設定により、世界中のユーザーへストレスなくコンテンツを届けることができます。

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