←
慈愛結ノ宮縁側だより

サイト制作

HTMLのlang属性とは?日本語ページの言語指定と確認方法

慈愛妃きづな

2026-10-30

この記事には広告・アフィリエイトリンクが含まれます。

キーボードの上に並べたWEB SITEの文字のブロック
キーボードの上に並べたWEB SITEの文字のブロック。サイト制作を考えるイメージ写真です。 写真:78design/写真AC。掲載画像は長辺1920px以内のJPEGです。 / ウェブサイト イメージ / 78design / 写真AC利用規約に基づく通常利用(ブログ本文の補助画像) · 画像出典 · 写真AC利用規約に基づく通常利用(ブログ本文の補助画像)

日本語中心のページは、html要素にlang="ja"を指定するのが基本です。言語情報は読み上げの発音規則などの手掛かりになります。設定画面だけでなく、各テンプレートから出力された公開ページも確認しましょう。

lang属性は読み上げの発音などの手掛かり

海外製のテンプレートへ日本語の文章を入れ、見た目はきれいに完成した。ところが、文書側の言語指定が英語のまま残っている場合があります。文字が読める画面だけを見ていると、見落としやすいところですね。

ページの主な言語は、HTMLのlang属性で伝えられます。W3Cの解説では、この情報が、スクリーンリーダーなどが適切な発音規則を選ぶ手掛かりになると説明されています。

ノートパソコンに表示されたコードと机の観葉植物
ノートパソコンに表示されたコードと机の観葉植物。制作作業のイメージ。本文のlang指定を検証した画面ではありません。 写真:中川ぽめを/写真AC。掲載画像は長辺1920px以内のJPEGです。 / コーディング  html css ノマド ・在宅ワーク 観葉植物 / 中川ぽめを / 写真AC利用規約に基づく通常利用(ブログ本文の補助画像) · 画像出典 · 写真AC利用規約に基づく通常利用(ブログ本文の補助画像)

日本語ページはhtml要素のlang="ja"を確認

日本語中心のページでは、文書全体を包むhtml要素のlangにjaを指定するのが基本です。サイト作成サービスなら、まずサイトの言語設定を確認し、実際に出力されたページにも反映されているかを見ます。

langは文章を翻訳する機能ではありません。英語の記事へjaと付けても日本語にはならず、内容と設定が食い違うだけです。日本向けに公開するサイトだから全部ja、と一括で決めず、英語版のページにはその内容に合う指定を使います。

トップ・記事・別言語版の出力を点検

私が確認したいのは、設定欄で日本語を選べたかだけでなく、公開するページへ何が出力されるかです。トップページ、記事、別言語版で使うテンプレートが異なれば、それぞれを見る必要があります。

言語指定だけで、すべての読み上げが理想どおりになるとは限りません。それでも、制作者が伝えられる情報を空欄や誤った値のままにしない。見えないところの小さな設定も、文章を届ける準備の一つですね。

読み物の一覧へ

慈愛妃きづなについて・記事の編集方針

あわせて読みたい関連記事

記事一覧へ