HTML Farklı Dillerde Sayfalar

Sayfa içeriği

Arama motorları ve farklı dillerde sayfalar

İçeriği farklı dillere çevrilmiş bazı web sitelerinde, Google'da arama yaptığında sayfa içeriği ingilizce dilinde olabilir ama ona Türkçe'de bir çevrilmiş sayfa varsa o çıkar. Bu sihir değildir ve bazılarının maalesef inandığı gibi, sitenin dilini bilmesi için seni gözetlediği anlamına gelmez.

Pratik bir örnek olarak, Türkiye'de yaşıyorsan ve Google'da "Facebook" kelimesini aradığında, seni ilk olarak Türkçe'de çevrilmiş Facebook bağlantılarını aşağıdaki gibi gösterecektir.

Google dilimizi nasıl biliyor?

Herhangi bir web sitesine erişmeye çalıştığında, bilgisayarın otomatik olarak web sitesine çalışması için ihtiyaç duyduğu bazı gerekli bilgileri sağlar. Bu bilgilerin en önemlilerinden biri de IP adresindir, çünkü bu adres aracılığıyla konumunu öğrenebilir ve bu, yaşadığın ülkeyi ve konuştuğun dili de bilmek anlamına gelir.

Google arama moturunda, daha önceden hesabında seçtiğin ve tercih ettiğin dillere göre sonuç verir.
Ancak daha önceden hiç bir dil seçmediysen senin Coğrafi konumundaki kişilere göre dil gösterir. Mesela Türkiye'de yaşıyorsan ilkte Türkçe dilinde göstermeyi çalışır ancak Türkçe dili dedteklemiyorsa veya müsait değilse Türkiye'deki kişilere göre dil verir, mesela kullanıcılar Türkçe'den sonra en çok tercih ettiği ve kullandığı dil Ingilizce ise o zaman Ingilizce'de göstermeyi çalışır.

Siteyi farklı dillerde olduğunu nasıl Google'a söyleriz?

Birden fazla dile çevrilmiş bir sayfanı olması durumunda, çevrilmiş kopyaları bulunan her sayfada çevrilmiş tüm sayfaların bağlantılarını belirterek bunu Google'a bildirebilirsin.
Çevrilmiş sayfalara bağlantılar <head> </head> bölümünün içine <link> etiketi ile aşağıdaki gibi yerleştirilmelidir.

Örneğin, Türkçede bir sayfamız var ve kullanıcı Türkçe konuşmuyor ve ne içerdiğini anlayabilmesi için sayfanın İngilizce bir kopyasını istiyor.
İlk olarak aynı içeriğe sahip fakat İngilizcede başka bir sayfa hazırladıktan sonra bağlantının yolunu alıp bir kod ekliyorsun ve bu kodun işi Google'a şunu söylemektir; "Kullanıcı İngilizcede bir kopyasını istiyorsa bu sayfaya gönder."

<head>
    <!-- Açık sayfa bağlantı türünün canoncial olduğunu belirtiyoruz. -->
    <link rel="canoncial" hreflang="language-code" /> 
    <!-- Çevirilmiş tüm sayfalar bağlantı türünün alternatif olduğunu belirtiyoruz. -->
    <link rel="alternate" hreflang="language-code" href="url" /> 
    <link rel="alternate" hreflang="language-code" href="url" /> 
</head>

Şu anda açık olan sayfanın dilini arama motoruna bildirmek için rel özelliğe değer olarak canoncial ekledim.
Arama motoruna kullanıcının diline göre uygun bir çevrilmiş bir sayfa olması durumunda gösterilmesi gerektiğini bildirmek için rel özelliğe değer olarak alternate ekledim.
language-code kelimenin yerine, açık olan veya alternatif sayfa için sayfanın dilini belirtmek için dilin kodu eklemelisin.
url kelimesi yerine, kullanıcının diline uygun bir dile çevrilmiş aynı orijinal içeriği içeren sayfanın bağlantısını iletmelisin.

Kullanıcıyı yönlendirmenin bu yöntemi Google arama motoru tarafından kullanılmaktadır ancak diğer arama motorları mutlaka kullanmamaktadır ve bu yöntemi kullanmayan arama motorları da bulunmaktadır.
Basit bir örnek olarak, Bing arama motoru, kullanıcıyı yönlendirmek için kullanılan etiketlere önem vermez.

Farklı Dillerde bir sayfa tasarlama örnek

Aşağıdaki örnekte k-html sitesinde "HTML Öğren" başlıklı bir sayfa olduğunu ve dört dile (Türkçe, İngilizce, Japonca ve Arapça) çevrildiğini varsayıyoruz.

Sayfanın çevrilmiş her versiyonunun aşağıdaki gibi özel bir dosyaya yerleştirildiğini varsayalım:

tr-k-html.html Türkçe sayfasıdır.
en-k-html.html İngilizce sayfasıdır.
jp-k-html.html Japonca sayfasıdır.
ar-k-html.html Arapça sayfasıdır.

Artık bir kullanıcı, arama motorunun sayfayı kullanıcının dilinde göstermesi için Google'da "HTML öğren" araması yaparsa, sayfaların bu şekilde bağlanması gerekir.

Türkçe dilinde sayfası

Türkçede sayfa aşağıdaki gibi çevrilen diğer sayfalara belirtmelidir.

<!DOCTYPE html>
<html lang="tr">
    <head>
        <!-- Burada açık sayfanın dili Türkçe olduğunu Google'a bildirdim. -->
        <link rel="canoncial" hreflang="tr" /> 
        <!-- Burada arama motoruna, sayfanın İngilizce'ye çevrilmiş bir versiyonunun varlığını ve  yolu ile birlikte olduğunu bildirdim. -->
        <link rel="alternate" hreflang="en" href="./en-k-html.html" /> 
        <!-- Burada arama motoruna, sayfanın Japonca'ya çevrilmiş bir versiyonunun varlığını ve  yolu ile birlikte olduğunu bildirdim. -->
        <link rel="alternate" hreflang="jp" href="./jp-k-html.html" /> 
        <!-- Burada arama motoruna, sayfanın Arapça'ya çevrilmiş bir versiyonunun varlığını ve  yolu ile birlikte olduğunu bildirdim. -->
        <link rel="alternate" hreflang="ar" href="./ar-k-html.html" /> 
        <!-- Türkçe sayfa başlığı -->
        <title>HTML Öğren</h2>
    </head>
    <body>
        。。。
    </body>
</html>

İngilizce dilinde sayfası

İngilizcede sayfa aşağıdaki gibi çevrilen diğer sayfalara belirtmelidir.

<!DOCTYPE html>
<html lang="en">
    <head>
        <!-- Burada açık sayfanın dili  İngilizce  olduğunu Google'a bildirdim. -->
        <link rel="canoncial" hreflang="en" /> 
        <!-- Burada arama motoruna, sayfanın Türkçe'ye çevrilmiş bir versiyonunun varlığını ve  yolu ile birlikte olduğunu bildirdim. -->
        <link rel="alternate" hreflang="tr" href="./tr-k-html.html" /> 
        <!-- Burada arama motoruna, sayfanın Japonca'ya çevrilmiş bir versiyonunun varlığını ve  yolu ile birlikte olduğunu bildirdim. -->
        <link rel="alternate" hreflang="jp" href="./jp-k-html.html" /> 
        <!-- Burada arama motoruna, sayfanın Arapça'ya çevrilmiş bir versiyonunun varlığını ve  yolu ile birlikte olduğunu bildirdim. -->
        <link rel="alternate" hreflang="ar" href="./ar-k-html.html" /> 
        <!-- İngilizce sayfa başlığı -->
        <title>Learn HTML</h2>
    </head>
    <body>
        。。。
    </body>
</html>

Japonca dilinde sayfası

Japoncada sayfa aşağıdaki gibi çevrilen diğer sayfalara belirtmelidir.

<!DOCTYPE html>
<html lang="jp">
    <head>
        <!-- Burada açık sayfanın dili  Japonca  olduğunu Google'a bildirdim. -->
        <link rel="canoncial" hreflang="jp" /> 
        <!-- Burada arama motoruna, sayfanın Türkçe'ye çevrilmiş bir versiyonunun varlığını ve  yolu ile birlikte olduğunu bildirdim. -->
        <link rel="alternate" hreflang="tr" href="./tr-k-html.html" /> 
        <!-- Burada arama motoruna, sayfanın İngilizce'ya çevrilmiş bir versiyonunun varlığını ve  yolu ile birlikte olduğunu bildirdim. -->
        <link rel="alternate" hreflang="en" href="./en-k-html.html" /> 
        <!-- Burada arama motoruna, sayfanın Arapça'ya çevrilmiş bir versiyonunun varlığını ve  yolu ile birlikte olduğunu bildirdim. -->
        <link rel="alternate" hreflang="ar" href="./ar-k-html.html" /> 
        <!-- Japonca sayfa başlığı -->
        <title>HTMLを学ぶ</h2>
    </head>
    <body>
        。。。
    </body>
</html>

Arapça dilinde sayfası

Arapçada sayfa aşağıdaki gibi çevrilen diğer sayfalara belirtmelidir.

<!DOCTYPE html>
<html lang="ar">
    <head>
        <!-- Burada açık sayfanın dili  Arapça  olduğunu Google'a bildirdim. -->
        <link rel="canoncial" hreflang="ar" /> 
        <!-- Burada arama motoruna, sayfanın Türkçe'ye çevrilmiş bir versiyonunun varlığını ve  yolu ile birlikte olduğunu bildirdim. -->
        <link rel="alternate" hreflang="tr" href="./tr-k-html.html" /> 
        <!-- Burada arama motoruna, sayfanın İngilizce'ya çevrilmiş bir versiyonunun varlığını ve  yolu ile birlikte olduğunu bildirdim. -->
        <link rel="alternate" hreflang="en" href="./en-k-html.html" /> 
        <!-- Burada arama motoruna, sayfanın Japonca'ya çevrilmiş bir versiyonunun varlığını ve  yolu ile birlikte olduğunu bildirdim. -->
        <link rel="alternate" hreflang="jp" href="./jp-k-html.html" /> 
        <!-- Arapça sayfa başlığı -->
        <title>HTML تعلم</h2>
    </head>
    <body>
        。。。
    </body>
</html>

önceki ders sonraki ders