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>




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


全文を読む


Django

Github

Python

Nginx

Windows

Linux

PostgreSQL

ウェブ

プログラミング

中学受験講座

高校受験講座

大学受験講座

社会人講座