HTML Lang Etiketi Nedir, Nasıl Kullanılır? (lang=”tr” ve Dil Kodları)
HTML lang etiketi (lang özniteliği), bir web sayfasının hangi dilde yazıldığını tarayıcılara, ekran okuyuculara ve çeviri araçlarına bildiren koddur. Sayfanın en başındaki <html> etiketine eklenir: Türkçe bir sayfa için <html lang="tr"> yazılır. Dil kodu ISO 639-1 standardındaki iki harfli koddur (tr, en, de); gerekirse ülke kodu eklenir (tr-TR, en-GB). Google, sayfanın dilini lang etiketinden değil içerikten anlar; ancak lang etiketi erişilebilirlik ve doğru metin görüntüleme için gereklidir.
- Türkçe için:
<html lang="tr">(veyalang="tr-TR") - Nereye: Sayfanın en dıştaki <html> etiketine
- Google: Dili içerikten belirler, lang etiketini kullanmaz.
- Kimler kullanır: Ekran okuyucular, tarayıcı çeviri önerisi, yazım denetimi, CSS büyük harf dönüşümü
- Çok dilli siteler: Ülke ve dil hedeflemesi için hreflang gerekir.
HTML Lang Etiketi Nasıl Kullanılır?
lang özniteliği sayfanın tamamı için <html> etiketine yazılır. Sayfa içinde farklı dilde bir bölüm varsa o öğeye ayrıca lang eklenir:
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<title>Örnek Sayfa</title>
</head>
<body>
<p>Bu sayfa Türkçedir.</p>
<p lang="en">This paragraph is in English.</p>
</body>
</html>WordPress’te lang etiketi, Ayarlar > Genel > Site Dili seçeneğine göre tema tarafından otomatik eklenir. Site dili Türkçe ise kaynak kodda lang="tr" görünmelidir. Sayfada sağ tıklayıp “Sayfa kaynağını görüntüle” diyerek ilk satırlardan kontrol edebilirsiniz.
HTML Lang Neden Önemlidir?
- Erişilebilirlik: Ekran okuyucular metni doğru dilin telaffuz kurallarıyla okur. Yanlış lang değeri Türkçe metnin İngilizce aksanla okunmasına yol açar.
- Türkçe karakterler: CSS ile büyük harfe çevrilen başlıklarda
lang="tr"yoksa “i” harfi “I” olur; “İstanbul” yerine “ISTANBUL” görünür. - Tarayıcı çevirisi: Chrome ve Edge, sayfa dilini doğru bildiğinde çeviri önerisini doğru yapar.
- Yazım denetimi ve tireleme: Form alanlarındaki yazım denetimi ve CSS heceleme (hyphens) dile göre çalışır.
- Diğer arama motorları: Bing gibi bazı arama motorları dil sinyallerinden biri olarak lang ve içerik dili bilgisini dikkate alabilir.
HTML Lang Dil Kodları Listesi
| Dil | Kod | Ülkeyle birlikte örnek |
|---|---|---|
| Türkçe | tr | tr-TR |
| İngilizce | en | en-US (ABD), en-GB (Birleşik Krallık) |
| Almanca | de | de-DE, de-AT, de-CH |
| Fransızca | fr | fr-FR, fr-BE |
| Arapça | ar | ar-SA, ar-AE |
| Rusça | ru | ru-RU |
| Azerbaycan Türkçesi | az | az-AZ |
| Ukraynaca | uk | uk-UA |
| İspanyolca | es | es-ES, es-MX |
lang="uk" Birleşik Krallık değil Ukraynaca anlamına gelir. İngiltere için en-GB kullanılır. Benzer şekilde dil kodu önce, ülke kodu sonra yazılır: tr-TR doğru, TR-tr değil.
lang, hreflang ve og:locale Arasındaki Fark
| Etiket | Ne için | Kim kullanır |
|---|---|---|
| <html lang=”tr”> | Sayfanın dili | Tarayıcı, ekran okuyucu, çeviri araçları |
| hreflang | Aynı sayfanın diğer dil ve ülke sürümleri | Google ve diğer arama motorları |
| og:locale | Paylaşım kartının dili | Facebook ve sosyal platformlar (Open Graph) |
Sayfanın <head> bölümündeki diğer önemli etiketler için viewport meta etiketi ve gömülü içeriklerin dizine eklenmesini kontrol eden indexifembedded etiketi yazılarına bakabilirsiniz.
