hreflangとは
「このページは○○語向け、別言語版は××にある」とGoogleに伝える仕組み。日本人ユーザーには日本語ページ、英語ユーザーには英語ページが表示される。
基本の記述
<link rel="alternate" hreflang="ja" href="https://example.com/ja/page" />
<link rel="alternate" hreflang="en" href="https://example.com/en/page" />
<link rel="alternate" hreflang="x-default" href="https://example.com/" />
x-defaultはマッチする言語版がない場合のデフォルトを指定。
地域コードの活用
en-US:英語・米国向けen-GB:英語・英国向けzh-CN:中国語・中国向けzh-TW:中国語・台湾向け
同じ言語でも地域で表記が違う場合に使う。
双方向設定が必須
A→Bを設定したらB→Aも必須。片方向だけだとGoogleは無視します。
サイト構造の3パターン
- サブディレクトリ:example.com/ja/ ← おすすめ
- サブドメイン:ja.example.com
- 別ドメイン:example.jp / example.com
サブディレクトリが管理しやすく、SEO評価も統合できる。
確認方法
- Search Console「インターナショナルターゲティング」(旧機能)
- HTMLビュー(<head>内のlink要素)確認
- Screaming Frog等のクロールツール
まとめ
- 多言語サイトには hreflang 必須
- 双方向設定がルール
- x-default でデフォルト指定
- サブディレクトリ構造が管理楽
