hreflangタグ 多言語対応+多地域対応
hreflangタグ 多言語対応+多地域対応
【hreflang 多言語対応+多地域対応 情報科学用語集】
用語:<hreflang>
英語:HTML hreflang tag
別名:エイチレフラング・言語指定タグ
解説:hreflang とは、HTMLタグの1つで、ウェブサイトの国際化のために用います。
国際化とは、多言語+多地域に、対応することです。
【hreflang 多言語サイトの設定 例】
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<link rel="alternate" hreflang="ja" href="https://xxx.com/jpage"/>
<link rel="alternate" hreflang="en" href="https://xxx.com/epage">
</head>
<head>
<meta charset="utf-8">
<link rel="alternate" hreflang="ja" href="https://xxx.com/jpage"/>
<link rel="alternate" hreflang="en" href="https://xxx.com/epage">
</head>
【hreflang 多言語サイトの設定 解説】
多言語サイトでは hreflang タグを <head> </head> の間に記述します。
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<link rel="alternate" hreflang="ja" href="https://xxx.com/jpage"/>
<link rel="alternate" hreflang="en" href="https://xxx.com/epage">
</head>
<head>
<meta charset="utf-8">
<link rel="alternate" hreflang="ja" href="https://xxx.com/jpage"/>
<link rel="alternate" hreflang="en" href="https://xxx.com/epage">
</head>
そして hreflang="xx" と対応言語を記述します。
例えば、日本語と英語の、2言語へ、サイトを対応させたい場合は、以下のように記述します。
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<link rel="alternate" hreflang="ja" href="https://xxx.com/jpage"/>
<link rel="alternate" hreflang="en" href="https://xxx.com/epage">
</head>
<head>
<meta charset="utf-8">
<link rel="alternate" hreflang="ja" href="https://xxx.com/jpage"/>
<link rel="alternate" hreflang="en" href="https://xxx.com/epage">
</head>
コード | 意味 | |
---|---|---|
<!DOCTYPE html> | htmlで記述する | |
<head> | headの始まり | |
<meta charset="utf-8"> | 文字コードはutf-8 | |
link rel="alternate" | サイト関係を記述する | |
hreflang="ja" | 日本語用のサイト | |
href="https://xxx.com/jpage" | サイトURL | |
hreflang="en" | 英語用のサイト | |
href="https://xxx.com/epage" | サイトURL | |
</head> | headの終わり |
ウェブ(Web)と情報科学(Computer Science)の用語集です。重要語句の日本語訳・英語訳・別名・解説をまとめています。
質問と回答