【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>
【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>
そして 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>
コード | 意味 |
---|
<!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)の用語集です。重要語句の日本語訳・英語訳・別名・解説をまとめています。