ウェブ ページに HREFLANG コードを追加

HREFLANG は、検索エンジンに対して、ユーザーの位置と言語設定に基づいて表示するウェブページの言語と地域バージョンを伝えるものです。異なるタイプの訪問者に異なる言語または地域のバージョンを表示したい場合に重要です。このガイドでは、ウェブページに HREFLANG コードを効果的に追加する手順を説明します。

 

ステップ1: HREFLANG タグの理解

実装に入る前に、HREFLANG タグの動作について説明します。これらのタグは HTML コードの <head> セクションに配置され、特定のウェブページの言語と地域のターゲティングを示します。HREFLANG タグは通常、HTML リンク要素の形で追加され、言語コードや国コードなどの情報を含みます。

 

以下は HREFLANG タグの例です:

<link rel="alternate" hreflang="en" href="https://example.com/en/page">

この例では、「en」は英語を表し、「https://example.com/en/page」はページの英語版の URL です。

 

サポートされている言語/地域コードのリストについては、Google 公式ガイドを参照してください。

 

 

ステップ 2: HREFLANG 戦略を計画

HREFLANG タグを実装する前に、国際的な SEO 戦略を計画してください。ターゲットとする言語や地域を決定し、各言語と地域のための URL のリストを作成します。各 URL は、その言語や地域に適したコンテンツを表示する必要があります。これは、ターゲットとする各言語や地域ごとに別々のページまたはサイトを構築することで実現できます。

 

 

ステップ 3: HTML に HREFLANG タグを追加

さて、ウェブページに HREFLANG タグを追加しましょう。以下の手順に従ってください:

 

1.サイトの「カスタムコード」エディタに移動します:追加したいサイトのエディタで、「設定」> 「詳細設定」>「カスタムコード」をクリックします。

 

2.「ヘッダーコード」タブに移動してください。ここに HREFLANG タグを挿入します。

 

3.最初にデフォルトの言語 / 地域を定義します:ユーザーの設定が指定された HREFLANG タグと一致しない場合に表示するデフォルトの言語または地域を決定します。このデフォルトバージョンは、最も広く理解されるか、グローバルな観客に最も関連するコンテンツのバージョンであるべきです(ウェブサイトを開始した言語をデフォルトとするのが一般的です)。以下は英語版のページをデフォルトにする例です:

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

 

4.すべての言語に HREFLANG タグを挿入します:各言語 / 地域のページバージョンに対して、HREFLANG タグを挿入します。一般的なフォーマットは次のとおりです:

<link rel="alternate" hreflang="language-code" href="URL">

「language-code」を適切な言語コード(たとえば、英語の場合は "en")またはデフォルトの言語バージョンのために x-default に置き換えます。URL は対応する言語 / 地域バージョンのページの URL に置き換えます。

最終的な結果は、次のようになります:

<link rel="alternate" hreflang="x-default" href="https://example.com/en/page">
<link rel="alternate" hreflang="es" href="https://example.com/es/pagina">
<link rel="alternate" hreflang="de" href="https://example.com/de/seite">

 

5.ウェブサイトを保存および公開します:コードを保存するために緑色の 「保存」 ボタンをクリックし、ウェブサイトを公開します。

 

6.検索エンジンがサイトを再インデックスするのを待ちます。これには数日か最大で1週間かかる場合があります。検索結果はこれらの言語設定をすぐに反映するはずです。

 

この記事は役に立ちましたか?
0人中0人がこの記事が役に立ったと言っています
他にご質問がございましたら、リクエストを送信してください