内容をスキップ

製造業・メーカー企業のコンサルティング、Web制作、BtoBマーケティング

Web活用経営株式会社
  • Web活用
  • コンサルティング
  • メタバースSpatial
    • ワールド製作専用Webサイト
    • 東京キティサーキット
    • Spatial研修・セミナー
    • Spatial日本語マニュアル
    • YouTube動画
  • ダウンロード
  • Web運用
    • Web運用について
    • BtoB向けeコマース&メタバース
    • 料金表
    • 実績・事例
    • 知識体系/ツール
      • Google対策(SEO)
      • Ahrefsについて
      • Web制作
      • Elementorについて
      • BowNowについて
    • Web人材育成
    • お試し診断
  • 動画
  • 会社案内
    • MVV
    • 会社概要
    • Q&A
    • ブログ
      • 製造業のWebマーケティング
      • SEO・Google対策
      • Web制作
      • オンライン工場見学
      • スタッフブログ
      • フィリピン(英語)
お問い合せ
お問い合せ
Web活用経営株式会社

hreflangアノテーションで、Googleにページの言語を知らせる

Home » Web活用経営(株)ブログ » 英語版Web制作 » hreflangアノテーションで、Googleにページの言語を知らせる

Googleは、「言語のバージョンごとに異なるURLを使用する」ことを推奨しています。

http://www.abc.co.jp/ というURLを英語と日本語両方で使用するのではなく、
日本語 : http://www.abc.co.jp/
英語 : http://www.abc.co.jp/en/

または
日本語 : http://www.abc.co.jp/
英語 : http://en.abc.co.jp/ など、異なるURLが望ましく、また、1ページの中に、日本語と英語、両方を記載することも推奨されていません。このように、言語ごとに異なるURLを持った場合に起こり得る問題と解決法について解説します。

多言語Webサイトを制作した際に、起こりうる問題

複数の言語でWebサイトを制作した場合、3つの問題が起こりえます。

 

  1. 1.特定の言語に特化したWebサイトが存在するにもかかわらず、検索結果に異なる言語のサイトが表示されてしまう。例えば、イギリス英語で書かれた通貨が£のページがあるにも関わらず、アメリカ英語で書かれた通貨が$のWebサイトが表示されてしまう、など。

  2. 2.多言語サイトが存在する場合、そのどちらもが表示されてしまい、ユーザーを混乱させてしまう。

  3. 3.Googleが新しい言語のサイトが作成されたことに気づかない。

 

「ページに別の言語のバージョンがあること」をrel=”alternate” hreflang を使用してGoogleに知らせることで、このような問題を回避できます。

hreflangアノテーション 3つの方法

HTMLタグ

ページの内に を追加して、ページの言語や地域ごとのすべてのバージョンをGoogleに知らせます。

lang_code
このページが対象とする言語や地域のコード

url_of_page
指定した言語や地域向けのページURL

下記のスライドのように、4つの異なる言語/地域向けのバージョンがある場合、4ページ(つまり、自分自身も含む)へのrel=”alternate” hreflangを書きます。 hreflangは、お互いがお互いのバージョンにリンクし合うことで機能します。(他サイトからの勝手な利用を防ぐため)。必ず自身のバージョンへのリンクも書きます。

 

言語/地域の指定

hreflangの値は、
言語: ISO 639-1 形式で指定
地域(必要に応じて): ISO 3166-1 Alpha2 形式で指定

(例)
de: ドイツ語のコンテンツ、地域指定なし
en-GB: 英語のコンテンツ、英国のユーザー向け
de-ES: ドイツ語のコンテンツ、スペインのユーザー向け

HTTPヘッダー

次の形式のヘッダーを返すことでGoogleに知らせます。

Link: ; rel=”alternate”; hreflang=”lang_code_1″, ; rel=”alternate”; hreflang=”lang_code_2″, …


hreflangに指定された言語や地域に対応するURL
lang_code_x
ページのこのバージョンが対象とする言語や地域のコード

XML Sitemap

サイトマップを使用して、それぞれのURLについて言語や地域ごとのバージョンを Googleに知らせます。下記は、Search Console のヘルプにあるSitemapサンプルです。

www.example.com/english/page.html – 英語を話すユーザーが対象
www.example.com/deutsch/page.html – ドイツ語を話すユーザーが対象
www.example.com/schweiz-deutsch/page.html – ドイツ語を話すスイスのユーザーが対象 の場合、

 

http://www.example.com/english/page.html

http://www.example.com/deutsch/page.html

http://www.example.com/schweiz-deutsch/page.html

hreflangアノテーションのメリット

多言語の構造を、正しく検索エンジンに知らせることができる

 

新しい言語のサイトを制作したときに、すでにインデックスされているページにhreflangを書くことで、確実に新規ページを伝えることができる

 

ユーザーが検索したときに、適切な言語のサイトを表示できる

 

Home » Web活用経営(株)ブログ » 英語版Web制作 » hreflangアノテーションで、Googleにページの言語を知らせる

Elementor
bownow

スタッフブログ

  • SUSHI DAO (0)
  • Web構築 (7)
  • Zoomでオンライン工場見学 (3)
  • お知らせ (6)
  • スタッフブログ (15)
  • メタバースSpatial.io (16)
  • 英語版Web制作 (2)

フィリピン

  • English (15)
  • アバカ (8)
  • 日本語 (12)

スタッフブログ新着記事

プレスリリース:メタバースカーレース場「東京キティサーキット」OPEN

2023年7月27日
WordPressプラグインお勧めGPT

WordPressのおすすめプラグインを紹介ChatGPTを作りました

2023年4月5日

Spatial日本語マニュアル公開しました

2023年3月22日
Spatial

Spatialビジネス活用研修

2022年11月13日
ニュースレター
中小製造業のデジタル戦略
  • バックナンバー
  • BowNow・Elementorニュースはこちら
Web活用経営株式会社

技術に対話を起こし、 より良い世界に貢献する。

BtoB専門 & 中小企業向けの、Webコンサルティング、MAツール導入、Web制作会社です。ものづくり企業がITを活用して営業を強化することを専門としています。

  • コンサルティング
  • Web制作
  • 無料コース
  • 営業DXおもちゃ箱
  • 料金表
  • ウェビナー
  • 会社案内
  • 優先度お試し診断
  • 利用登録
  • ニュースレター
  • お問い合わせ
  • サイトマップ
  • 187-0032 東京都小平市小川町1-2591-18
  • 042-508-2904
  • info@web-keiei.com
  • Web活用
  • コンサルティング
  • メタバースSpatial
    • ワールド製作専用Webサイト
    • 東京キティサーキット
    • Spatial研修・セミナー
    • Spatial日本語マニュアル
    • YouTube動画
  • ダウンロード
  • Web運用
    • Web運用について
    • BtoB向けeコマース&メタバース
    • 料金表
    • 実績・事例
    • 知識体系/ツール
      • Google対策(SEO)
      • Ahrefsについて
      • Web制作
      • Elementorについて
      • BowNowについて
    • Web人材育成
    • お試し診断
  • 動画
  • 会社案内
    • MVV
    • 会社概要
    • Q&A
    • ブログ
      • 製造業のWebマーケティング
      • SEO・Google対策
      • Web制作
      • オンライン工場見学
      • スタッフブログ
      • フィリピン(英語)