hreflang タグ生成ツール

ロケールと URL の組のリストから、多言語ページ用の hreflang link タグを生成します。x-default と自己参照タグも任意で付けられます。

ツールを読み込み中…

hreflang タグ生成ツールhreflang タグ生成ツールは、ロケールと URL の組のリストを rel="alternate" の hreflang link タグに変換し、各言語版ページの head セクションに貼り付けられるようにします。ロケールごとに行を追加し、任意で x-default のフォールバックタグと自己参照タグを含め、そのまま使えるブロックをコピーできます。すべてブラウザ内で生成されるため、URL が当社のサーバーにアップロードされることはありません。

hreflang タグ生成ツールとは?

hreflang タグは、どの URL がどの言語・地域向けかを検索エンジンに伝え、Google や Yandex がユーザーごとに正しい版を表示し、翻訳を重複コンテンツとして扱わないようにします。SEO 担当者、ローカライズチーム、開発者が、同じページを複数言語(例: /en/、/ja/、/es/)で持つサイトに追加します。本ツールは標準の link rel="alternate" hreflang="…" タグを生成します。ロケールごとに行を 1 つ追加し、その hreflang コード(en、en-US、ja など)と絶対 URL を入力すると、出力は入力に応じてリアルタイムに更新されます。「ロケールを追加」ボタンで行を増やし、「削除」で 1 行消せます。設定では、自己参照タグ(各ページは自分自身を指すべき)と x-default タグの有無を切り替えられます。x-default は言語が一致しないときに表示するページを指定するもので、x-default の URL を空にすると自己参照 URL がフォールバックとして使われます。

hreflang タグ生成ツールの使い方

  1. 自己参照フィールドに、現在のページのロケールコードと絶対 URL を入力します(例: en と https://example.com/en/)。
  2. 代替言語ごとに行を追加します。hreflang コード(ja や es-MX など)と完全な URL を入力します。
  3. 「ロケールを追加」で行を増やすか、「削除」で不要な行を消します。
  4. 設定を開いて、自己参照タグと x-default タグのオン・オフを切り替えます。
  5. 任意で専用の x-default URL を設定します。空にすると自己参照 URL が再利用されます。
  6. 生成された link タグをコピーし、各言語版ページの <head> に貼り付けます。

使用例

2 言語 + x-default

入力

self: en https://example.com/en/
row: ja https://example.com/ja/

出力

<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/" />

地域別ターゲティング

入力

row: en-US https://example.com/us/
row: en-GB https://example.com/uk/

出力

<link rel="alternate" hreflang="en-US" href="https://example.com/us/" />
<link rel="alternate" hreflang="en-GB" href="https://example.com/uk/" />

特殊文字はエスケープされます

入力

row: fr https://example.com/?a=1&b=2

出力

<link rel="alternate" hreflang="fr" href="https://example.com/?a=1&amp;b=2" />

よくある質問

このツールは何を生成しますか?
入力したロケールと URL の組から、link rel="alternate" の hreflang タグを生成します。入力した各行が 1 つの <link> タグになります。現在のページ用の自己参照タグと x-default タグも追加でき、ページの <head> にそのまま貼り付けられる完全なブロックが得られます。
x-default タグは何のためにありますか?
x-default は、列挙したどの言語・地域もユーザーに一致しないときに検索エンジンが表示すべきページを示します。専用の URL を与えることも、x-default の URL を空にしてツールに自己参照 URL を再利用させることもできます。不要なら設定でオフにできます。
自己参照タグは必要ですか?
Google は、各言語版が自分自身を指す hreflang タグと、すべての代替版のタグを含めることを推奨しています。本ツールは現在のページのロケールと URL からその自己参照タグを追加します。手動で追加したい場合は設定でオフにできます。
hreflang コードはどんな形式にすべきですか?
ISO 639-1 の言語コードを使い、任意で ISO 3166-1 の地域を付けます(例: en、ja、es-MX、zh-Hant)。ツールは入力したコードをそのまま書き込むので、有効な値か確認してください。URL は https:// で始まる絶対アドレスにします。
私のデータはサーバーに送信されますか?
いいえ。タグはすべてブラウザ内で JavaScript により生成されます。未公開の URL を含め、入力した内容は一切アップロード・保存・送信されないため、非公開ページや公開前ページでも安全に使えます。

関連ツール