その「おもてなし」の第一歩。OGPの`og:locale`で、SNSに正しい「言葉」を届けよう
Webサイトを作っていると、「HTMLのタグって、なんでこんなにたくさんあるんだろう？」と頭を抱えたくなる瞬間、ありますよね。特に、画面には直接見えない`
`の中身は、まるで「見えない裏方さん」みたいで、何が正解なのか不安になってしまうものです。今日はその中でも、SNSでシェアされたときに「あなたのサイトが何者か」を正しく伝えるための、とっても大切な`og:locale`（オージー・ロケール）というタグについてお話しします。
難しく聞こえるかもしれませんが、実は「お店の看板」を正しい言語で書くような、とてもシンプルで優しい仕組みなんですよ。
—
「言葉の壁」をなくす、小さな名札
SNS（TwitterやFacebookなど）で記事をシェアしたとき、綺麗な画像やタイトルが表示される枠を見たことはありませんか？ あれを「OGP（Open Graph Protocol）」と呼びます。
その中にある`og:locale`は、いわば「このサイトは、どこの国の、どんな言葉で書かれていますよ！」とSNSに教えるための名札です。
想像してみてください。あなたは今、海外旅行に行っています。現地のカフェに入ったとき、メニューが読めないのは困りますよね？ 逆に、お店の入り口に「ここは日本語が通じますよ」という看板があれば、安心して注文できるはず。
`og:locale`は、SNSという広大な海にあなたのサイトを流したときに、訪れる人に対して「ここは日本語のサイトですよ！」と先回りして伝える「安心の看板」なんです。
—
なぜ`ja_JP`と書くの？
このタグには、特定のルールがあります。
- デフォルト値: 何も書かないと、SNSは「ここは英語（アメリカ）のサイトだね！」と判断してしまいます（これを `en_US` といいます）。
- 日本語サイトの場合: 日本語で書かれたサイトなら、`ja_JP` と指定します。
「`ja`（日本語）」と「`JP`（日本）」をアンダーバーで繋ぐだけ。簡単ですよね！ たとえば、もしこれが台湾の中国語なら `zh_TW` になります。
これを設定しておかないと、SNSが自動翻訳を提案してしまったり、シェアされたときに情報が正しく伝わらなかったりと、ちょっとした「すれ違い」が起きてしまうことがあるんです。
—
さっそくコードを書いてみましょう
やり方はとても簡単です。HTMLファイルの`
`タグの中に、たった1行追加するだけ。これだけで、あなたのサイトは世界（SNS）に対して「私は日本語のサイトです！」と堂々と宣言できるようになります。
—
「完璧じゃなきゃダメ」なんて思わなくて大丈夫
「あれ？ もし間違えて設定しちゃったらどうしよう…」と心配になる必要はありません。Web制作の世界では、誰だって最初はつまずくものです。
まずは、自分のサイトの`
`の中にこの1行があるか確認してみてください。もし入っていなければ、コピーして貼り付けるだけでOK。それだけで、あなたのサイトは少しだけ「親切なサイト」に進化します。Web制作は、こうした小さな気配りの積み重ねです。一つひとつ、丁寧に設定していくことで、あなたの作ったサイトはもっと多くの人に、もっと正確に届くようになりますよ。
ぜひ、次回のコーディングの際に試してみてくださいね。あなたのサイトが、SNSを通じてたくさんの人に届くことを応援しています！
コメント