こんにちは！Web制作の第一歩を踏み出した皆さん、ようこそ。

HTMLを書き始めると、最初に``という記述を目にすることがありますよね。「これ、消しても動くし別にいいんじゃない？」なんて思ったりしませんでしたか？

実は、この`lang`属性。Webサイトという「お店」を開くとき、「このお店は何語で接客しますか？」という看板を掲げるような、めちゃくちゃ大切な役割を持っているんです。今日は、この小さな一行がなぜ世界を変えるのか、一緒に紐解いていきましょう。

—

なぜ「lang属性」が必要なの？

例えば、皆さんが海外旅行に行って、ふらっと入ったレストランのメニューが「暗号のような言語」で書かれていたらどう思いますか？ 「うわ、何のお店だろう？」って不安になりますよね。

Webブラウザや検索エンジンも同じです。`lang`属性がないと、ブラウザは「このサイト、日本語かな？ それとも英語？ もしかして宇宙語？」と迷子になってしまいます。

1. 読み上げソフト（アクセシビリティ）の救世主

目の不自由な方が使う「スクリーンリーダー（画面読み上げソフト）」にとって、`lang`属性は命綱です。`lang=”ja”`と書いてあると、ソフトは「あ、日本語の音声エンジンで読み上げよう！」と判断して、流暢な日本語で喋ってくれます。これを忘れると、英語の発音で無理やり日本語を読まされるような、ちんぷんかんぷんな体験になってしまうんです。

2. 検索エンジン（SEO）からの信頼

Googleなどの検索エンジンは、「このサイトは日本語の情報を探している人にとって有益か？」を判断するために`lang`属性を確認します。ここを正しく設定しておくことは、検索結果で正当に評価してもらうための「基本のキ」なんですよ。

—

正しい書き方を見てみよう

書き方はとってもシンプルです。HTMLファイルの先頭、一番外側にある``タグの中に書くだけです。

こんにちは、世界！

これが私のサイトです。

よくあるつまずきポイント

• 「英語のサイトならどうするの？」

そんな時は `lang=”en”` に変えるだけです。「en」はEnglishの略ですね。

• 「日本語の中に英語が混ざる場合は？」

基本は全体で使っている言語を指定すればOKです。あまり神経質になりすぎなくて大丈夫ですよ！

—

ちょっとだけ深掘り：こんな使い方もできる！

もし、日本語のサイトの中に、一部分だけ英語の引用を入れたいときはどうしましょう？ そんな時は、特定のタグにだけ`lang`を指定することもできるんです。

日本語の文章の中に、

“Hello, World!”
という言葉を添えてみました。

こうすることで、読み上げソフトは「ここは英語の発音に切り替えて、また日本語に戻る」という、とても親切な対応をしてくれるようになります。まさに「誰にでも優しいWebサイト」への第一歩ですね。

—

最後に：小さなこだわりが、大きな優しさに

HTMLのコードを書いていると、つい見た目のデザインばかり気になってしまうかもしれません。でも、今回お話しした`lang`属性のように、「機械（ブラウザ）に対して正しく情報を伝えること」は、実はデザインよりもずっとずっと大切なんです。

「これ、何のためにあるんだろう？」と一つひとつ丁寧に調べるあなたの姿勢、本当に素晴らしいと思います。その積み重ねが、いつか誰かの役に立つ、最高に素敵なWebサイトを作る力になりますよ。

これからも、焦らずマイペースにWeb制作を楽しんでいきましょう！もし分からないことがあれば、いつでもまた聞きに来てくださいね。応援しています！