東証スタンダード上場企業のジオコードが運営！

SEOがまるっと解るWebマガジン

セミナー情報資料ダウンロード

記事を探すメニュー

ジオコードのSEO

ジオコードSEOサービスTOP > SEOマガジン > 全ての記事 > hreflangタグの役割と書き方 – 多言語サイトSEOのアノテーション実装

SEOトレンド

更新日：2022年 12月 21日

hreflangタグの役割と書き方 – 多言語サイトSEOのアノテーション実装

hreflangタグは記述したページの言語を設定するタグです。
”日本語サイトのみの場合”には基本的に必要ありませんが、多言語サイトでは設定が必要です。
誤った記述のないように、しっかりと知識を身につけましょう。

また、SEOについて動画で学びたい！という方のために、動画セミナーをご用意しています。
あわせてご覧ください。

▼人気の動画はこちら

セミナー【動画】SEO徹底解決セミナー：
第1回「内部施策の重要性〜タグ設定のポイント〜」

セミナー【動画】SEO徹底解決セミナー：
第5回「アクセスの解析方法と、アクセス数向上のポイント」

hreflangとは？
hreflangの書き方
主な言語コード
よくある間違った設定
SearchConsoleでの確認方法
まとめ

おすすめSEO会社３選

ゴールはCV獲得！SEO、コンテンツマーケティング、UI・UX改善で、成果にコミット！

株式会社フルスピード

株式会社PLAN-B

hreflangとは？

hreflangタグについては、Search Consoleヘルプ「ページのローカライズ版についてGoogleに知らせる」で以下のように記述されています。

ページに言語や地域ごとの複数のバージョンがある場合、こうした別バージョンについて Google にお知らせください。
それにより、Google 検索はユーザーの言語や地域に応じた最適なページのバージョンを表示できるようになります。こうした情報がなくても、ページの別言語のバージョンを Google が検出することはありますが、言語や地域ごとのページを明示してあるほうが正確です。
次のような場合に、代替ページを指定することをおすすめします。
・ナビゲーションやフッターなど、テンプレートのみを翻訳し、コンテンツの大部分は 1 つの言語を使用する場合。フォーラムなど、ユーザー生成コンテンツを掲載するページでは、これが一般的です。
・コンテンツが 1 つの言語で書かれていて、コンテンツの大部分はほとんど同じであり、地域ごとにわずかに変化がある場合。たとえば、米国、英国、アイルランドのユーザーをターゲットにした英語のコンテンツです。
・サイトのコンテンツが複数の言語に完全に翻訳されている場合。
たとえば、各ページについてドイツ語版と英語版の両方があるような場合です。

簡単に言うと”ページ（URL）の言語をGoogleに伝えるタグ”です。
日本語ユーザーには日本語のサイトを、英語ユーザーには英語のサイトを見てほしいですよね。
hreflangを設定することで、ユーザーが使用する言語のページを検索結果に表示できます。

読めない言語は基本、ユーザーに受け付けてもらえません。
ユーザーごとに対応した言語のサイトが表示されるように、hreflangを設定する必要があります。

hreflangの書き方

hreflangの記述には下記の3つの方法があります。

headタグ内にリンク要素として記載する
HTTPヘッダーに記載する
XMLサイトマップに記載する

簡単でおすすめの方法は”headタグ内にリンク要素として記載する方法”です。
この記事ではこちらの方法を解説していきます。

なお、記述方法の解説については、「日本語」「中国語（簡体字）」「韓国語」の3つのページを持っているケースを例に説明します。

トップページの記述方法

<head>タグ内に下記のコードを記述します。

記述例：
<link rel=”alternate” hreflang=”ja” href=”https://examp.com/”>
<link rel=”alternate” hreflang=”zh-Hans” href=”https://examp.com/ch/”>
<link rel=”alternate” hreflang=”ko” href=”https://examp.com/ko/”>

下層ページの記述方法

下層ページは、ページ毎に対応関係に従って記述します。

記述例：
<link rel=”alternate” hreflang=”ja” href=”https://examp.com/subpage.html”>
<link rel=”alternate” hreflang=”zh-Hans” href=”https://examp.com/ch/subpage.html”>
<link rel=”alternate” hreflang=”ko” href=”https://examp.com/ko/subpage.html”>

この方法以外に、プラグインに記述する方法などがありますが、これだけのためにプラグインを使わずとも、headに出力するコードの部分に記述するだけなので非常に簡単です。
是非覚えておきましょう。

記述例にある、「ko」とか「ja」とかを「言語コード」と言い、使用する言語によって、使い分けます。

次のセクションで、言語コードを紹介します。

主な言語コード

hreflangでは「ISO 639-1コード」から言語を指定します。
一例ですが、下記が言語コードになります。

言語コード一覧

言語コード	言語名
ja	日本語
en	英語
de	ドイツ語
fr	フランス語
it	イタリア語
es	スペイン語
ru	ロシア語
ko	朝鮮語
zh-Hans	中国語:簡体字
zh-Hant	中国語:繁体字
ar	アラビア語
el	ギリシア語
eo	エスペラント語
la	ラテン語
mn	モンゴル語
ms	マレー語
nl	オランダ語
vi	ベトナム語
th	タイ語

アメリカの検索結果に表示させたい場合は”en”を記述します。
日本の検索結果に表示させたい場合は”ja”を記述します。

地域コードの指定について

hreflangでは必要に応じて「地域」を追加で指定することができます。
なお、地域は単体での使用は不可能です。

地域は「ISO 3166-1」の国コードから指定することができ、下記のように記述します。

例えば「en-GBはイギリスの英語」を、「en-USはアメリカの英語」を示します。
なお、国コードでは単独で使用することはできず、必ず言語コードが必要になります。

例えば「sr」は言語コードでは「セルビア語」、国コードでは「スリナム」を表します。
単体で使用した場合は言語である「セルビア語」が優先されます。

よくある間違った設定

言語コードが間違っている

前述のとおり言語コードは、ISO 639-1形式で指定し、必要に応じて地域をISO 3166-1形式で指定します。

例えばイギリスはUnitedKingdomの「UK」ではなく、「GB」で指定しなければなりません。
誤った設定は、無効になってしまいます。

全ページ共通で全ての言語を記述してしまう

「全ての言語ページ」に「全ての言語のhreflang」を記述してください。

一例ですが、下記のようになります。

〇：日本語ページに「日本語」「英語」「中国語」のhreflangを記述
✕：日本語ページには日本語のhreflangのみを記述

言語コードとページの組み合わせを間違える

例えば英語ページ（en）のURLなのに、hreflangにスペイン語（es）を記述してしまうケースが該当します。
この間違いは、スペインの検索結果に英語ページが表示されてしまう可能性があります。
言語指定を無効化されるよりもマイナスの影響が大きいので、言語コードとページの記述は正しく設定しましょう。