カテゴリー: 開発ツール
Hreflang タグジェネレーター
ロケールと URL の行から相互参照する hreflang リンクタグを生成
任意の x-default 行を含め、1行につきロケールと URL を1組ずつ入力すると、基本的な検証を行いながら <link rel="alternate" hreflang="..."> タグを生成します。すべてブラウザ内で完結します。
hreflang タグ
<link rel="alternate" hreflang="en" href="https://example.com/" /> <link rel="alternate" hreflang="es" href="https://example.com/es/" /> <link rel="alternate" hreflang="fr" href="https://example.com/fr/" /> <link rel="alternate" hreflang="x-default" href="https://example.com/" />
問題点
問題は見つかりませんでした。
このページの処理はすべてブラウザ内で行われます。アップロードは一切ありません。
このツールでできること
hreflang タグは、言語や地域ごとにどの URL を表示すべきかを検索エンジンに伝えますが、ロケールコードの重複や、スキームを欠いた URL が1つあるだけで、クラスタ全体が静かに壊れてしまうことがあります。このツールは、1行ずつのロケールと URL のペアのリストを受け取り、対応するリンクタグを生成し、重複したロケールコード、解析できなかった行、http や https スキームのない URL を検出して警告します。
使い方
- 「es https://example.com/es/」のように、ロケールコードと URL を1行ずつ入力します。
- サイトに言語非依存のフォールバックページがある場合は、x-default の行を追加します。
- 生成されたタグをコピーし、問題点の一覧で修正が必要な箇所を確認します。
プライバシー
このツールはすべてブラウザ内で動作します。入力した内容がアップロード・保存・共有されることはなく、タブを閉じれば消えます。
よくある質問
- データはどこかに送信されますか?
- いいえ。解析とタグ生成はブラウザタブ内で実行される JavaScript によって行われます。
- hreflang タグは相互参照している必要がありますか?
- はい。検索エンジンは、クラスタ内のすべての URL が自分自身を含む他のすべての URL に相互リンクしていることを想定しています。このツールは他のページまでは確認しないため、各ページ側の hreflang タグでも同じ行のセットを保つようにしてください。
- 何をもって重複したロケールコードと判定しますか?
- 大文字・小文字を区別せず同じロケールコードを使っている2つの行です。たとえば ES と es はそのままでは矛盾する2つの hreflang エントリを生成してしまいます。