HTML Academy · Ders

Uluslararası Sayfalar için Hreflang

Dil ve bölge varyantlarını arama motorlarına bildirin

4. ders / 413 adım

Uluslararası Sayfalar için Hreflang, CoddyKit'te ücretsiz bir HTML Academy dersidir. Bu, 4 dersinin 4. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, HTML Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. HTML Academy kursu toplamda 4 dersten oluşur.

hreflang'ın Çözdüğü Sorun

Aynı makaleyi İngilizce, Türkçe ve Japonca yayımladığınızda arama motorlarının her kullanıcının arama sonuçlarında hangi sürümü göstermesi gerektiğini bilmesi gerekir. hreflang olmadan Google yanlış dili sunabilir veya varyantları yinelenen içerik olarak değerlendirebilir.

Link Etiketi

Her alternatif sürümü <head> içinde <link rel="alternate" hreflang="..." href="..."> ile bildiriniz. hreflang özniteliği bir BCP-47 dil kodudur (en, tr) veya dil-bölge çiftidir (en-US, en-GB, pt-BR).

<link rel="alternate" hreflang="en" href="https://example.com/en/article">
<link rel="alternate" hreflang="tr" href="https://example.com/tr/article">
<link rel="alternate" hreflang="ja" href="https://example.com/ja/article">

Karşılıklı Başvurular Gereklidir

Kendisi de dahil olmak üzere her sürüm diğer tüm sürümlere bağlantı vermelidir. Google, iki yönlü olmayan hreflang kümelerini yok sayar. İngilizce sayfa TR ve JA'ya; Türkçe sayfa EN ve JA'ya bağlantı verir; diğerleri de aynı şekilde davranır.

Kendine Başvuru

Her sayfa hreflang aracılığıyla kendisine bağlantı vermelidir. İngilizce sayfada, kendi URL'sini gösteren <link rel="alternate" hreflang="en" ...> bulunmalıdır. Bu, "karşılıklı" yapının bir parçasıdır — Google, küme üyeliğini doğrulamak için kendine verilen bağlantıyı kullanır.

x-default Değeri

Dilini Google'ın eşleştiremediği kullanıcılar için yedek sayfayı belirtmek üzere hreflang="x-default" kullanınız. Bu değer genellikle İngilizce sürümünü veya bir dil seçici açılış sayfasını gösterir; böylece hedeflenmeyen kullanıcılar da uygun bir yere yönlendirilir.

Dil Kodları ve Bölge Kodları

en tüm İngilizce konuşanları hedefler. en-US, en-GB ve en-AU, içerik bölgeye göre farklılaştığında (para birimi, yazım, gönderim) ülke varyantlarını hedefler. İçerik genel sürümden gerçekten farklı değilse bölge belirtmeyiniz.

Alternatif Bildirimler

hreflang, HTTP Link üst bilgisinde (PDF gibi HTML olmayan dosyalar için) veya bir XML site haritasında <xhtml:link rel="alternate" hreflang="..."> ile de bildirilebilir. Bu üç yöntem eşdeğerdir; bakımı en kolay olanı seçiniz.

Site Haritası Bildirimi

Çok sayıda dili olan sitelerde hreflang'ı site haritasında bildirmek, HTML etiketlerine göre daha iyi ölçeklenir: URL başına bir site haritası girdisi tüm alternatifleri listeler ve sayfa şablonlarındaki tekrarları ortadan kaldırır. Search Console, eksik karşılıklı bağlantıları işaretleyerek hataların erkenden ortaya çıkmasını sağlar.

Yaygın Hatalar

Alt çizgi (en_US) yerine kısa çizgi (en-US) kullanmak, 200 olmayan bir URL'ye yönlendirmek, kümede http ile https'yi karıştırmak veya kendine verilen bağlantıyı unutmak hreflang'ı sessizce bozar. Yayına aldıktan sonra Google Search Console'ın International Targeting raporunu çalıştırınız.

Çevirinin Yerini Tutmaz

hreflang yalnızca Google'a hangi çevirinin zaten mevcut olduğunu söyler. Sayfaların kendisinde yine gerçek çeviri içeriği bulunmalıdır — Google sizin yerinize çeviri yapmaz. Yüzde 80'i İngilizce olan sayfalarda hreflang yayımlayan siteler, dizini fark edilmeden yanıltır.

og:locale ve lang ile Birlikte Kullanma

Belgenin <html lang="..."> ve og:locale değerlerini sayfanın gerçek diliyle eşleşecek şekilde ayarlayınız. hreflang, arama motorlarına kardeş sayfaları; lang ve og:locale ise tarayıcılara ve sosyal ağlara mevcut sayfayı bildirir. Eksiksiz bir görünüm için her ikisi de gereklidir.

Bilginizi Sınayın

hreflang="x-default" neyi gösterir?

Özet

hreflang, arama motorlarının doğru dili sunabilmesi için bir sayfanın çevrilmiş sürümlerini birbirine bağlar. BCP-47 kodlarını kullanınız, alternatifleri karşılıklı olarak bildiriniz (kendine verilen bağlantı dahil), yedek sürüm için x-default ekleyiniz ve Google Search Console'ın International Targeting raporunda doğrulayınız. Çeviri kalitesi ile lang ve og:locale etiketlerinin de eşleşmesi gerekir.

Başlamak ücretsiz

Yapay zeka eğitmeniyle HTML öğren — ücretsiz

Tarayıcında gerçek kod yaz ve çalıştır, 7/24 yapay zeka eğitmeninden anında yardım al; web'de ya da uygulamada kaldığın yerden devam et.

Kurslar
40
Dersler
159

Sıkça Sorulan Sorular

“Uluslararası Sayfalar için Hreflang” dersi ücretsiz mi?

Evet — “Uluslararası Sayfalar için Hreflang” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve HTML Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. HTML Academy kursu toplamda 4 dersten oluşur.

“Uluslararası Sayfalar için Hreflang” dersinde ne öğreneceğim?

Dil ve bölge varyantlarını arama motorlarına bildirin HTML Academy ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.

HTML Academy öğrenmeye başlamak için deneyim gerekli mi?

Önceden deneyim gerekmez. CoddyKit'te HTML Academy, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 4 dersinin 4. dersidir.

“Uluslararası Sayfalar için Hreflang” dersi ne kadar sürer?

Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.

Bu HTML Academy dersinde kod yazıp çalıştırabilir miyim?

Evet. Her HTML Academy dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.

Bu kursun tüm dersleri

  1. OpenGraph og:title og:description og:image
  2. Twitter Card Meta Etiketleri
  3. JSON-LD Yapılandırılmış Verilerinin Temelleri
  4. Uluslararası Sayfalar için Hreflang
← HTML Academy Sayfasına Dön