HTML Dil Ekleme: Web Sitenize Yeni Diller Ekleme Rehberi
HTML (HyperText Markup Language), web sayfalarının yapısını ve içeriğini tanımlamak için kullanılan bir işaretleme dilidir. Web sitenize yeni diller eklemek, küresel bir kitleye ulaşmanıza ve daha fazla potansiyel müşteriye erişmenize olanak tanır. Bu kapsamlı rehber, HTML dil ekleme sürecini adım adım açıklayarak web sitenizi çok dilli hale getirmenize yardımcı olacaktır.
1. Adım: Dil Kodlarını Anlama
Her dil, ISO 639-1 standardına göre tanımlanan iki harfli bir dil kodu ile temsil edilir. Örneğin, İngilizce için dil kodu “en”, İspanyolca için ise “es”tir.
2. Adım: HTML Başlık Etiketine Dil Bilgisi Ekleme
HTML başlık etiketi, web sayfanızın başlığını tanımlar. Dil bilgisini başlık etiketine eklemek, tarayıcılara ve arama motorlarına web sayfanızın hangi dilde olduğunu bildirir.
html
<head>
<title>Web Sitemin Başlığı</title>
<meta http-equiv="Content-Language" content="en">
</head>
3. Adım: HTML Gövde Etiketine Dil Bilgisi Ekleme
HTML gövde etiketi, web sayfanızın içeriğini içerir. Gövde etiketine dil bilgisini eklemek, tarayıcılara ve arama motorlarına web sayfanızın içeriğinin hangi dilde olduğunu bildirir.
“`html
Web Sitemin Başlığı
Web sitemin içeriği.
“`
4. Adım: Metin İçeriğine Dil Bilgisi Ekleme
Web sayfanızdaki metin içeriğine dil bilgisini eklemek, tarayıcılara ve arama motorlarına metnin hangi dilde olduğunu bildirir.
“`html
İspanyolca metin.
“`
5. Adım: Bağlantılara Dil Bilgisi Ekleme
Web sayfanızdaki bağlantılara dil bilgisini eklemek, tarayıcılara ve arama motorlarına bağlantıların hangi dilde olduğunu bildirir.
html
<a href="index.html" lang="en">İngilizce bağlantı</a>
6. Adım: Görsellere Dil Bilgisi Ekleme
Web sayfanızdaki görsellere dil bilgisini eklemek, tarayıcılara ve arama motorlarına görsellerin hangi dilde olduğunu bildirir.
html
<img src="image.jpg" alt="İngilizce resim" lang="en">
7. Adım: CSS’e Dil Bilgisi Ekleme
CSS (Cascading Style Sheets), web sayfanızın stilini ve görünümünü kontrol eder. CSS’e dil bilgisini eklemek, tarayıcılara ve arama motorlarına stilin hangi dilde olduğunu bildirir.
css
body[lang="en"] {
font-family: Arial;
}
Faydalı Siteler ve Dosyalar
Sonuç
HTML dil ekleme, web sitenizi çok dilli hale getirmek ve küresel bir kitleye ulaşmak için çok önemli bir adımdır. Bu rehberde açıklanan adımları izleyerek, web sitenize kolayca yeni diller ekleyebilir ve daha fazla potansiyel müşteriye erişebilirsiniz.