多言語サイトのページの言語していについて
hreflang属性は、Webページがどの国の言語向けに作られているのかを示すために使う属性で、多言語サイトで利用する。
要素 | hreflang属性の用途 |
---|---|
a要素 | アンカーのリンク先ページの言語情報を提供する。 |
area要素 | イメージマップのリンク先ページの言語情報を提供する。 |
link要素 |
<link rel="alternate"> タグのhref属性で指定した関連ページについての言語情報を提供する。検索エンジンが利用するため、多言語サイトのSEOとして重要。 |
link要素のhreflang属性は検索エンジン向けの記述
HTML
<!-- 言語指定は最低3つのURLをセットで記載する -->
<link rel="alternate" hreflang="ja" href="https://example.com/"><!-- 現在のページURL -->
<link rel="alternate" hreflang="en" href="https://example.com/en/"><!-- 他言語のページのURL -->
<link rel="alternate" hreflang="x-default" href="https://example.com/en/"><!-- 指定が無い言語のデフォルトページURL -->
rel=”alternate”は「代わり」を意味する。”link rel=”では”alternate”の部分は変更しない。
HTML
<link rel="alternate" hreflang="【言語 - 地域コード】" href="【URL】">
hreflang属性で指定する地域コード
地域コード | 国 |
---|---|
us | アメリカ合衆国 |
ca | カナダ |
mx | メキシコ |
br | ブラジル |
gb | イギリス |
fr | フランス |
it | イタリア |
de | ドイツ |
es | スペイン |
ch | スイス |
eu | EU |
jp | 日本 |
tw | 台湾 |
kr | 韓国 |
cn | 中国 |
hk | 香港 |
sg | シンガポール |
ru | ロシア連邦 |
au | オーストラリア |
ae | アラブ首長国連邦 |
英語の対象国向けのhreflang属性の記載方法
hreflang属性 | 対象国 |
---|---|
hreflang=”en-us” | アメリカ向けの英語 |
hreflang=”en-gb” | イギリス向けの英語 |
hreflang=”en-au” | オーストラリア向けの英語 |
中国語の字体別の利用地域
中国語の場合、国別言語の指定では無く、言語体型別に指定するほうがはやい。hreflangには、言語体系を表す4桁のコード(ISO 15924)を指定することが出来る。
HTML
<!-- 簡体字 -->
<link rel="alternate" hreflang="zh-Hans" href="https://example.com/cn/">
<!-- 繁体字 -->
<link rel="alternate" hreflang="zh-Hant" href="https://example.com/tw/">
中国語をhreflang属性を”言語-国別”の記載にすると以下のようになる。
HTML
<!-- 簡体字 -->
<link rel="alternate" hreflang="zh-cn" href="https://example.com/cn/">
<link rel="alternate" hreflang="zh-sg" href="https://example.com/cn/">
<link rel="alternate" hreflang="zh-my" href="https://example.com/cn/">
<!-- 繁体字 -->
<link rel="alternate" hreflang="zh-tw" href="https://example.com/tw/">
<link rel="alternate" hreflang="zh-hk" href="https://example.com/tw/">
<link rel="alternate" hreflang="zh-mo" href="https://example.com/tw/">
文字体系 | 地域 |
---|---|
簡体字 | 中国、シンガポール、マレーシア |
繁体字 | 台湾、香港、マカオ |
次のように、6つの地域ごとに適したhreflangを指定する方法もありますが、少々面倒です。