多言語サイトにおけるhreflangの重要性とは?メリットや設置方法について紹介

多言語サイトのSEO対策において、検索エンジンに多言語サイトを認識させる作業はとても大切です。言語をうまく認識してくれなければ、ユーザーのページ離脱に直結します。

多言語サイトの認識がうまくいけば地域別のターゲティングも容易です。

多言語サイトにて、言語や地域の最適化を進めたいと考えている方は、ぜひ記事内容をご確認ください。

hreflangとは

hreflangとは、複数の言語や地域に向けて同じコンテンツを提供しているウェブサイトで利用されます。

検索エンジンに対して「このページはこの言語・この地域向けです」と伝えるためのHTML属性です。

例えば、日本語と英語で同じ商品を紹介しているサイトがあるとします。

hreflangを設定しておけば、日本のユーザーには日本語ページ、英語圏のユーザーには英語ページが優先的に表示されるようになります。

hreflangを設定しておけば、ユーザーは自分の地域の言語のページにアクセスでき、サイトのSEO効果も向上するというわけです。

hreflang属性を設定するメリットとは

多言語サイトにおいてhreflangを設定するメリットは次の通りです。

  • ユーザー体験の向上
  • 検索エンジンの理解をサポートできる
  • 重複コンテンツを避けられる
  • グローバル展開

ユーザー体験の向上

hreflangタグが正しく設定されていれば、ユーザーは自分にあった言語のバージョンに誘導され、目的に合致するユーザー体験を実現できます。

自分が理解できる言語に誘導されないと、瞬く間にストレスを感じてしまい、即座にページ離脱してしまうでしょう。

余計なストレス、フラストレーションを無くすことによって、素直にコンテンツへの興味が掻き立てられ、直帰率が低下します。

結果的にコンバージョン率の向上にも繋がる、というわけです。

検索エンジンの理解をサポートできる

hreflangタグは、特定の言語バージョンでの検索順位アップに繋がります。多言語サイトのSEO対策に欠かせないタグの一つです。検索エンジンはユーザーの言語、もしくは好みに合わせたコンテンツを優先する傾向が強いです。

hreflangタグを実装すると、それぞれのURLが関連する言語のバージョンを明確な信号にて検索エンジンに通知します。

hreflangタグの実装によって、サイトの閲覧時間が評価され、検索結果でのランキングが向上する流れです。

ユーザーが自国の言語で表記されたサイトへ辿り着くという、一見当たり前のことは、hreflangタグの実装がなければ実現されません。

重複コンテンツを避けられる

hreflangタグがなければ検索エンジンはWEBサイトの全ての言語バージョンを重複コンテンツとして認識する可能性があります。

Hreflangタグは、それぞれのURLが言語ごとに独立している明確な情報を検索エンジンに提供します。

したがって、重複コンテンツを回避できるというわけです。

検索エンジンがそれぞれの言語バージョンの特徴を確実に理解できるようになることで、重複コンテンツのペナルティも回避できます。

hreflangの設定方法と設置場所

hreflangの設定方法は主に3つです。色々な設定方法が用意されていますので、状況に合わせて適切な方法を選択しましょう。

HTMLタグで設定する

hreflangの基本構文をHTMLタグのheadに記述する方法です。hreflangの基本構文は、ページごとに設定しなければいけません。

具体的なHTMLタグでの設定例は次のとおりです。

トップページは「https://sample.com/」ドメインの配下に多言語ページの「/ch/」「/en/」がある場合の記述

<link rel=”alternate” hreflang=”ja” href=”https://sample.com/”>
<link rel=”alternate” hreflang=”zh-Hans” href=”https://sample.com/ch/”>
<link rel=”alternate” hreflang=”en” href=”https://sample.com/en/”>

多言語ページがトップページ以外に表示される場合は、ページが変わるたびにHTMLタグを設定しなければいけません。

HTTPヘッダーのレスポンスで設定する

HTTPヘッダーのレスポンスにて、ページの言語と地域のバージョンを伝えることもできます。レスポンスで設定する方法は、PDFファイルのようなHTML方式でないファイルを設定する時に便利な方法です。

記述方法は次のとおりです。

Link:
<ページのURL >; rel=”alternate”; hreflang=”言語コード”,
<ページのURL >; rel=”alternate”; hreflang=”言語コード”

実際に記述するときは、ページのURLを<>で囲みます。その他に複数ページで記載する場合は、半角のカンマで区切って表示します。

hreflangの基本構文を使えばそれほど難しくはありません。

具体的な記述例は次のとおりです。

Link: < https://sample.com/file.pdf>; rel=”alternate”; hreflang=”jp”,

 <https://sample.com/zh/ file.pdf >; rel=”alternate”; hreflang=”zh”,

 <https://sample.com/en/ file.pdf >; rel=”alternate”; hreflang=”en”

サイトマップで設定する

サイトマップ(Sitemap.xml)を使って設定する方法です。サイトマップを使うとそれぞれのURLの言語や地域のページのバージョンを知らせることができます。

記述のポイントは、ページのURLを<loc>内側に記載することです。

次に<url>の要素内に、<xhtml:link>を利用して対応している多言語のページURLとその言語を記述します。

記述方法は次のとおりです。

<?xml version=”1.0″ encoding=”UTF-8″?>
<urlset xmlns=”http://www.sitemaps.org/schemas/sitemap/0.9″
xmlns:xhtml=”http://www.w3.org/1999/xhtml”>

<url>
 <loc>ページのURL </loc>
  <xhtml:link
    rel=”alternate”
    hreflang=”言語コード”
    href=”ページのURL”/>
 <xhtml:link
    rel=”alternate”
    hreflang=”言語コード”
    href=”ページのURL”/>
</url>
</urlset>

その他にも見直した方が良いテクニカルSEO対策/サービス紹介

多言語サイトの基本的な対応を終えた後は、具体的なSEO対策として、分析ツールの導入も検討したいところです。

例えば弊社が提供する分析サービスは自社サイトの分析と競合サイトの分析を始めとして、総合的なマーケティング支援サービスを提供しています。

SEO対策は国内サイトでも難しいものですが、多言語サイトともなると専門家の知識なしでは対策は難しいでしょう。

多言語サイトの集客に苦労している方は、ぜひお声がけください。

この記事を書いた人

UDXマーケティングチーム

海外デジタルマーケティングや海外のトレンド、デジタルマーケティングに役立つ情報を基礎的な部分から応用編まで発信しています。
様々な業界や施策に対応できるメンバーが揃っていますので、デジタルマーケティングでお困り事がありましたらお気軽にお問い合わせください。