CodeBlanks Logo Icon CodeBlanks
Giriş Yap Kayıt Ol

Çok dilli SEO

HTML kursu · Uzman · Ders 22/39

Çok dilli sayfalarda canonical ve hreflang birlikteliğini öğrenirsin.

canonical ne işe yarar?

Bir sayfanın farklı URL'lerde aynı içeriği gösteren sürümleri olabilir: ?sort=price ve ?sort=date gibi. Arama motorları bunları kopya (duplicate) sayfa sanmasın diye <link rel="canonical"> ile asıl URL'yi bildirirsin.

Çok dilli sayfalarda canonical ile hreflang birlikte çalışır: her sayfa kendine canonical verirken, diğer dillerdeki kardeş sayfaları hreflang ile tanıtır. Bu, kopya içerik cezasını önler ve doğru dil sürümünün gösterilmesini sağlar.

canonical + hreflang deseni

Üç dilli bir sitede (TR, EN, AR) Türkçe sayfanın <head>'ı şöyle olur:

<link rel="canonical" href="https://dergi.com/tr/"> ile asıl URL bildirilir. Sonra <link rel="alternate" hreflang="tr" href="https://dergi.com/tr/">, hreflang="en" ve hreflang="ar" ile kardeş sayfalar tanıtılır. Son olarak hreflang="x-default" ile dil belli olmayan kullanıcılar için varsayılan sayfa işaretlenir.

Uygulama canonical + hreflang kümesi

Head içine bir <link rel="canonical" href="https://dergi.com/tr/"> ekle. Sonra üç <link rel="alternate" hreflang="..."> ekle: hreflang="tr" + href="https://dergi.com/tr/"; hreflang="en" + href="https://dergi.com/en/"; hreflang="x-default" + href="https://dergi.com/tr/".

Örnek çözümü göster 
<head>
  <link rel="canonical" href="https://dergi.com/tr/">
  <link rel="alternate" hreflang="tr" href="https://dergi.com/tr/">
  <link rel="alternate" hreflang="en" href="https://dergi.com/en/">
  <link rel="alternate" hreflang="x-default" href="https://dergi.com/tr/">
</head>

Kendini test et

  1. canonical ve hreflang birlikte nasıl çalışır?

    • Sadece canonical kullanılır
    • Her sayfa kendine canonical, diğerlerine hreflang verir
    • Sadece hreflang kullanılır
    • İkisi de kullanılmaz
    Cevabı göster

    Her sayfa kendine canonical, diğerlerine hreflang verir — Doğru. Her sayfa kendine canonical verirken kardeş dilleri hreflang ile tanıtır.

  2. canonical bağlantısını tamamla

    <link rel="canonical" href="____">
    Cevabı göster 
    <link rel="canonical" href="https://dergi.com/tr/">

  3. SEO kavramını rolüyle eşleştir

    canonical
    Asıl URL'yi işaretler
    hreflang
    Kardeş dil sayfalarını tanıtır
    x-default
    Varsayılan dil sayfası
    alternate
    Alternatif sürüm ilişkisi

Uzman bölümündeki tüm dersler

1 İleri erişilebilirlik

  1. WCAG ilkeleri
  2. Klavye navigasyonu
  3. Live regions
  4. Dialog ve modal
  5. Heading outline
  6. Özet - Erişilebilir widget

2 İleri ARIA desenleri

  1. ARIA roles
  2. States ve properties
  3. Grid ve tree
  4. Tabs ve accordion
  5. Menu ve menubar
  6. Özet - Erişilebilir tabpanel

3 Proje: Performanslı sayfa

  1. Proje: Performanslı sayfa
  2. Kritik kaynak sırası
  3. Görsel optimizasyonu
  4. Şablon ve noscript
  5. Proje sonu - Performans sayfası

4 Uluslararasılaştırma

  1. Lang ve dir
  2. Hreflang stratejisi
  3. Bidi ve bdo
  4. Rtl uyumlu işaretleme
  5. Çok dilli SEO
  6. Özet - Çok dilli sayfa

5 Proje: Güvenli sayfa

  1. Proje: Güvenli form sayfası
  2. Rel noopener
  3. CSP meta
  4. Referrer policy
  5. Proje sonu - Güvenli sayfa

6 İleri web bileşenleri

  1. Custom element registry
  2. Slot ve shadow boundary
  3. Declarative shadow DOM
  4. Form-associated custom element
  5. AOM ve accessibility tree
  6. Özet - Bileşen kütüphanesi iskeleti

7 Uzman finali

  1. Meydan okuma - Erişilebilir dialog
  2. Meydan okuma - ARIA tabpanel
  3. Meydan okuma - Çok dilli RTL
  4. Meydan okuma - Güvenlik paketi
  5. Meydan okuma - Uzman projesi