İçeriğe atla
FerdiGidenby FerdiSoftBETA v2.4
SEO

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.

Ferdi GidenFerdi Giden 2 dk okuma 9
Hreflang Etiketi ile Çok Dilli Sitelerde Doğru Sayfayı Göstermek
İçindekiler
  1. Hreflang Etiketi ile Çok Dilli Sitelerde Doğru Sayfayı Göstermek nedir, neden önemlidir?
  2. Bilmeniz gereken 5 temel nokta
  3. HTML ile uygulama
  4. Size ne kazandırır?
  5. Son söz

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:

Daha fazla uygulamalı içerik için Akademi derslerine ve blog yazılarına göz atabilirsiniz.

Paylaş:
Ferdi Giden

Yazar

Ferdi Giden @admin
Sistem YöneticisiDoğrulanmış GeliştiriciBeta KullanıcıFerdiSoft KatılımcısıDoğrulanmış ProfilGüvenlik Bilinci

PHP, MySQL ve Tailwind ile kurumsal yazılımlar geliştiriyor; FerdiSoft çatısı altında ERP, WMS ve SaaS çözümleri üretiyor.

Yorumlar 0

Yorum yapmak ve tartışmaya katılmak için giriş yapın. Rozetleriniz yorumlarınızda görünür.

Henüz yorum yok. İlk yorumu siz yazın!

Ücretsiz Teklif Al