Hreflang Etiketi ile Çok Dilli Sitelerde Doğru Sayfayı Göstermek
Bu yazı, Hreflang Etiketi ile Çok Dilli Sitelerde Doğru Sayfayı Göstermek konusunu temelden ele alıyor. Önce kavramın ne işe yaradığını, ardından 5 kritik noktayı ve bunları bir araya getiren HTML örneğini adım adım inceleyeceğiz.
İçindekiler
Bu yazı, Hreflang Etiketi ile Çok Dilli Sitelerde Doğru Sayfayı Göstermek konusunu temelden ele alıyor. Önce kavramın ne işe yaradığını, ardından 5 kritik noktayı ve bunları bir araya getiren HTML örneğini adım adım inceleyeceğiz.
Hreflang Etiketi ile Çok Dilli Sitelerde Doğru Sayfayı Göstermek nedir, neden önemlidir?
Aynı içeriğin Türkçe ve İngilizce sürümü olan bir sitede Google, aramayı yapan kişiye hangi sürümü göstereceğini her zaman tahmin edemez. hreflang etiketi, sayfanın diğer dil ve bölge sürümlerini açıkça bildirir; böylece Türkiye'deki kullanıcıya Türkçe, Almanya'daki kullanıcıya Almanca sayfa gösterilir ve sürümler birbirinin kopyası sayılmaz.
Bilmeniz gereken 5 temel nokta
- Karşılıklı bağlantı: Her sürüm diğer tüm sürümleri ve kendisini listelemelidir; karşılığı olmayan hreflang bağlantısı Google tarafından yok sayılır.
- Doğru kodlar: Dil için ISO 639-1 (tr, en), bölge için ISO 3166-1 kodları (TR, DE, GB) kullanılır; "uk" İngiltere değil Ukraynaca demektir.
- x-default: Kullanıcının diline uyan sürüm yoksa gösterilecek sayfayı belirtir; genellikle dil seçim sayfası ya da İngilizce sürümdür.
- Canonical ile uyum: Her sürümün canonical etiketi kendisini göstermelidir; tüm dilleri tek sayfaya canonical vermek hreflang'ı geçersiz kılar.
- Site haritasında hreflang: Çok sayıda sayfada etiketleri sitemap.xml içinde xhtml:link öğeleriyle vermek sayfa kodunu hafifletir.
HTML ile uygulama
Aşağıdaki HTML örneği, yukarıdaki noktaların gerçek bir kodda nasıl bir araya geldiğini gösteriyor:
<!-- https://ornek.com/tr/fiyatlar sayfasının <head> bölümü -->
<link rel="alternate" hreflang="tr" href="https://ornek.com/tr/fiyatlar">
<link rel="alternate" hreflang="en" href="https://ornek.com/en/pricing">
<link rel="alternate" hreflang="de-DE" href="https://ornek.com/de/preise">
<link rel="alternate" hreflang="x-default" href="https://ornek.com/en/pricing">
<link rel="canonical" href="https://ornek.com/tr/fiyatlar">Örneği kendi projenize uyarlarken değişken adlarını ve yapılandırma değerlerini ortamınıza göre değiştirmeyi unutmayın.
Her görsele anlamlı bir alt metni vermek ekran okuyucu kullanıcıları ve arama motorları için önemlidir.
Size ne kazandırır?
Bu yaklaşımı benimsediğinizde elde edeceğiniz başlıca faydalar:
- Her ülkedeki kullanıcı arama sonucunda kendi dilindeki sayfayı görür
- Dil sürümleri yinelenen içerik sayılmaz
- Yanlış dilde açılan sayfadan hemen çıkma oranı düşer
Son söz
Hreflang Etiketi ile Çok Dilli Sitelerde Doğru Sayfayı Göstermek, küçük ama düzenli adımlarla ustalaşılan konulardan biri. Özellikle Karşılıklı bağlantı ve Site haritasında hreflang başlıklarını uygulamaya geçirmek iyi bir başlangıç olur.
İlgili içerikler:
- Schema.org JSON-LD ile Google'da Zengin Sonuç Alma
- Core Web Vitals: LCP, INP ve CLS'yi İyileştirme
- Canonical Etiketi ve Yinelenen İçerik Sorunu
Daha fazla uygulamalı içerik için Akademi derslerine ve blog yazılarına göz atabilirsiniz.
Yazar
Ferdi Giden @adminPHP, MySQL ve Tailwind ile kurumsal yazılımlar geliştiriyor; FerdiSoft çatısı altında ERP, WMS ve SaaS çözümleri üretiyor.