Çok dilli e-ticaret sitesinde hreflang nasıl kullanılır?

Hreflang kullanmak için aynı ürünün Türkçe, İngilizce ve Almanca sayfa adreslerini eşleştirin. Her sayfanın kendi adresini ve diğer dil karşılıklarını listelemesini sağlayın. Sonra adreslerin doğrudan açıldığını ve birbirine geri işaret ettiğini doğrulayın. Bu rehberde bir masa örtüsünün üç dildeki ürün sayfası için örnek HTML kodu hazırlıyor ve hatalı eşleşmeleri nasıl bulacağınızı gösteriyoruz.

Hreflang ne işe yarar?

Hreflang, Google’a bir sayfanın farklı dil veya bölgelere yönelik karşılıklarının hangi adreslerde bulunduğunu bildirmek için kullanılır. Örneğin Türkçe sayfayı açan bir kullanıcıya aynı ürünün İngilizce veya Almanca sürümünü sunuyorsanız bu ilişkiyi işaretleyebilirsiniz. Sayfanın görünen ürün açıklaması, menüsü ve satın alma bilgisi ilgili dilde hazırlanmalıdır. Dil sürümlerinin içeriğiyle işaretleme birlikte değerlendirilir.

Bir Türkçe kategoriyle Almanca ürün sayfası aynı sayfanın karşılığı sayılmaz. Ürün türü, ürün kodu ve müşterinin sayfada yapacağı işlem uyuşmalıdır. Aynı örtünün Almanca sürümünde yerel teslimat bilgisi bulunması mümkündür. Sayfalar aynı ürünü ve aynı satın alma niyetini karşılamaya devam eder. Önce adres tablosunu hazırlayıp hangi eşleşmenin geçerli olduğuna karar verin.

Sayfanın HTML dil tanımı, ekran okuyucu gibi araçların metni doğru dilde işlemesine yardımcı olabilir. Hreflang ise bir adres grubundaki dil veya bölge sürümlerini ilişkilendirir. Almanca sayfanın kendi dili Almanca olarak ayarlanırken onun İngilizce karşılığı ayrı bir alternatif olarak işaretlenir. Google sayfanın dilini görünen içerikten değerlendirir. Ürün açıklamasını, gezinme öğelerini ve ödeme metinlerini seçilen dilde sunun.

Bir dilde yalnızca ana sayfa ve kategori hazırsa ürün eşleşmesine o dili eklemek için ürünün kendi çevirisini bekleyin. İlgili ürün bulunmadığında dili seçen kullanıcının nereye gideceği ayrı bir mağaza kararıdır. Hreflang adreslerini hazırlarken satışta olan ürün, kategori ve destek sayfaları için ayrı kümeler kullanın. Böylece kategori alternatifi yanlışlıkla ürün etiketine girmemiş olur.

Üç dil için doğru ürün adreslerini eşleştirin

Konya’daki örnek e-ticaret mağazasında bir pamuklu masa örtüsü üç dilde sunuluyor. Ürün veri kaydındaki kod aynı kalıyor. Türkçe sayfada ürün adı pamuklu masa örtüsü, İngilizce sayfada cotton tablecloth, Almanca sayfada Baumwolltischdecke olarak yazılıyor. Adreslerin dil dizinleri ve ürün yolları farklı olabilir. Aşağıdaki örnekte alan adı temsili, ürünler ve dil eşleşmeleri örnek amaçlıdır.

Tabloda adresler kısa okunması için protokol olmadan gösterilmiştir. Uygulama kodunda ise her adresi HTTPS dahil tam URL olarak yazacağız. Yayından önce üç adresi de ayrı tarayıcı oturumlarında açın. Örneğin Almanca adres başka sayfaya yönleniyorsa etiketlerde doğrudan açılan ürün adresini kullanın. Aynı ürünün bir dilde geçerli karşılığı bulunmuyorsa o eşleşmeyi hazır olduğunda ekleyin.

Renk veya ölçü için birden fazla adres üretiliyorsa hangi adreslerin ayrı arama sayfası olarak kullanıldığını belirleyin. Dil eşleştirmesini ürünün kendi adresi üzerinden kurduğunuzda diğer dilde de aynı düzeydeki ürün adresini seçin. Örneğin takip parametreli bir reklam adresiyle ana ürün adresini karıştırmayın. Kanonik tercihleri ve hreflang listesini aynı adres envanterinden üretmek denetimi kolaylaştırır.

Geliştiriciye ürün kodu, yayın durumu, dil, bölge ve tercih edilen URL içeren bir örnek kayıt verin. Farklı sayfalar aynı veri kaydından alternatif listesini ürettiğinde yeni bir çeviri yayımlandığında tüm sürümlerin listesi güncellenebilir. Hangi adreslerin kümede olduğunu tek yerden izlemek ürün yolu değiştiğinde ve yeni bir dil eklendiğinde kontrolü kolaylaştırır.

HTML head alanına örnek hreflang etiketlerini ekleyin

Google Arama Merkezi, HTML bağlantı etiketlerini, HTTP başlıklarını ve XML site haritasını alternatif sürümleri bildirmek için kullanılabilen yöntemler olarak açıklar. Burada HTML yöntemini örneklendiriyoruz. Aşağıdaki üç satırı Türkçe, İngilizce ve Almanca ürün sayfalarının her birinin <head> bölümünde aynı adreslerle üretin. Örnek kod, geliştiricinin ürün şablonunda uygulayacağı biçimi gösterir.

<link rel="alternate" hreflang="tr"

      href="https://magaza.example/tr/urun/pamuklu-masa-ortusu">

<link rel="alternate" hreflang="en"

      href="https://magaza.example/en/product/cotton-tablecloth">

<link rel="alternate" hreflang="de"

      href="https://magaza.example/de/produkt/baumwolltischdecke">

Türkçe sayfa, üç satırın içinden kendi Türkçe adresini de içerir. Almanca sayfada da aynı küme yer alır ve Türkçe adrese geri referans bulunur. Google, birbirini karşılıklı olarak işaretleyen sürümleri değerlendirebilir. Yalnızca Türkçe sayfadan Almanca sayfaya bir işaret eklemek karşılıklı eşleşmeyi tamamlamaz. Bu yüzden kontrolü bir sayfanın kaynak koduyla sınırlamayın.

Tarayıcıda sayfa kaynağını açın, hreflang metnini bulun ve satırların geçerli HTML head içinde olduğunu görün. Yönetim panelinin ürün açıklamasına eklenen bir kod parçası, sayfa içeriğinde gösterilebilir. Etiketlerin hedeflendiği yer sayfanın üst bilgi bölümüdür. Sitenizde bu bölüm tema veya yazılım tarafından oluşturuluyorsa ilgili değişikliği şablonu yöneten kişiyle planlayın.

Hangi yöntemi kullanacağınızı siteyi güncelleyen ekiple belirleyin. Büyük kataloglarda XML site haritası üzerinden üretim daha kolay yönetilebilir. HTML sayfası olmayan dosyalar için HTTP başlığı değerlendirilebilir. Tek bir yöntemi düzgün uygulamak yeterlidir. Birden fazla yerde işaretleme oluşturuluyorsa adres grupları arasında fark olup olmadığını kontrol edin. Ürün eklenirken ve adres değişirken aynı kaynak veriye dayanmak hatalı kombinasyonları azaltır.

Bir XML site haritası üzerinden işaretleme yapılacaksa her URL için o sayfanın kendisi dahil ilgili dil karşılıklarının listelendiğini kontrol edin. Örneğin üç dilin her biri haritada kendi sayfa girdisine sahip olmalıdır. Şablonun nasıl çıktı verdiğini doğrularken bir sayfayı doğrudan açın ve site haritasındaki adresin o sayfanın güncel adresiyle eşleştiğini inceleyin.

Dil ve bölge kodunu kullanım amacına göre seçin

Genel Türkçe, İngilizce ve Almanca sürümler için örnekte tr, en ve de kullanıyoruz. İngilizce içerik ABD ve Birleşik Krallık için gerçekten ayrı hazırlanmışsa en-US ve en-GB gibi dil ve bölge değerleri kullanılabilir. Bölgeyi tek başına yazmak yerine önce dili belirtin. Aynı dilde farklı bir satış bölgesi bulunuyorsa neden ayrı sayfa oluşturulduğunu fiyat, teslimat veya yerel içerik üzerinden açıklayabilin.

Bir Almanca sayfada euro tutarı görünmesi tek başına de-DE kullanmanız gerektiğini göstermez. Sürümün tüm Almanca okurlara mı yoksa özellikle Almanya’daki müşterilere mi yönelik olduğunu belirleyin. Örneğin Almanya’ya özgü teslimat bilgisi ve farklı bir Avusturya sürümü varsa de-DE ve de-AT ayrı düşünülebilir. Ülke, dil ve para birimi kararlarını kendi amaçlarına göre kaydedin.

Eşleşmeyen diller için sunulacak bir varsayılan sürüm ya da uygun bir dil seçme sayfası varsa isteğe bağlı x-default kullanabilirsiniz. Kullanıcıyı ilgisiz bir kategoriye gönderen bir varsayılan belirlemek yerine ilgili ürünün uygun sürümünü veya ürün bağlamını koruyan seçiciyi değerlendirin. Ekleme kararı alırsanız aynı varsayılan adresi ilgili hreflang kümesinde tutarlı biçimde kullanın.

Dil ve ülke etiketlerini adlandırırken ekip için kısa bir kod listesi tutun. İngilizce için genel en sürümü ve ayrı en-GB sürümü varsa hangi ziyaretçilere hangi içerik gösterileceğini yazın. Bölge sürümü için ayrı bir adres yoksa önce gerçek içeriği ve erişimi hazırlayın. Etiket, yayınlanmış ve doğrulanmış bir sayfa adresini işaret ettiğinde denetlenebilir.

Kanonik adresleri ve dil değiştiriciyi denetleyin

Kanonik adres, benzer veya yinelenen adresler arasından tercih edilen sürümü belirtmeye yarar. Hreflang ise eşdeğer dil veya bölge adreslerinin ilişkisini kurar. Örnekte üç ayrı dilde özgün ürün sayfası bulunduğu için her sürümün kendi tercih edilen adresini kanonik olarak belirliyoruz. Almanca sayfayı Türkçe sayfaya kanonikleyen bir yapı görürseniz geliştiriciyle bunun planlanan adres yapısına uygun olup olmadığını inceleyin.

Dil seçiciyi ürün sayfasından kullanın. Türkçeden Almancaya geçince aynı ürünün Almanca sürümü açılmalı ve tekrar Türkçeye geçilebilmelidir. Alıcıya başka bir dil sürümünü kullanabilme seçeneği verin. IP adresi veya tarayıcı dili nedeniyle istenen sayfa her seferinde başka bir adrese taşınıyorsa ilgili sürümün doğrudan açılabildiği yolu da test edin. Bu kontrol, kaynak koddaki işaretlerden ayrı yapılır.

URL sonundaki eğik çizgi, büyük ve küçük harf, http yerine https kullanımı veya takip parametresi farkı varsa gerçek sayfanın hangi adrese çözümlendiğini kontrol edin. Ürün yolu değiştiğinde eski adres yönlenebilir. Hreflang satırları ve dil seçici, eski yönlenen adres yerine güncel ürüne gitmelidir. Değişiklik sonrası hata tablosundaki denemeleri her dilde tekrarlayın.

Aynı dildeki birbirine çok benzeyen bölge sayfalarında kanonik kararını geliştiriciyle birlikte verin. Bir sayfanın tercih edilen adresi belirlenirken mümkün olduğunda aynı dildeki karşılığı göz önünde bulundurun. Bu rehberdeki üç dilde ayrı metin bulunan örnek ile aynı dilde benzer içerik taşıyan bölge sürümleri farklı kurulumlardır. Her sayfanın beklenen kanonik adresini ürün envanterine ekleyin.

Karşılıklı bağlantı ve yayın hatalarını bulun

Önce üç sayfayı açın. Her sayfada kendine ait satırı ve diğer iki adresi bulun. Adreslerden her birinin beklenen ürünü açtığını, normal bir sayfa yanıtı verdiğini ve taramaya uygun olduğunu kontrol edin. Çeviri tamamlanmış olsa bile sayfa arama dizininden hariç tutulmuşsa işaretlemeyi yayın kapsamınızla birlikte değerlendirin. Bir ürünle düzeltmeyi doğruladıktan sonra başka ürünleri örnekleyin.

Denetim tablosunda ürün kodu, dil, açılan son adres ve geri bağlantı sonucu yer alsın. Bir sayfanın erişilemediğini gördüğünüzde önce gerçek ürünün yayında olup olmadığını kontrol edin. Hatayı düzelttikten sonra yalnızca değiştirilen sayfayı değil, gruptaki diğer adresleri de açın. Bir bağlantının düzelmesi karşı sayfadaki listenin güncellendiğini tek başına göstermez.

Bir adres Google Search Console üzerinden incelenebiliyorsa taranan URL ile bildirilen ve Google tarafından seçilen kanonik adresleri karşılaştırın. Bu kontrolün amacı hangi URL’nin değerlendirildiğini anlamaktır. Site sahibi olarak seçtiğiniz adresle arama motorunun değerlendirdiği adres farklıysa önce yönlendirme, kanonik işaret ve iç bağlantıları gözden geçirin. Tarama ve dizine ekleme sonuçlarını kaynak kod denetiminden ayrı kaydedin.

Bir sayfanın HTTP yanıtının 200 olması, sayfanın doğru ürünü gösterdiğini tek başına kanıtlamaz. Ürün başlığını ve ürün kodunu da kontrol edin. Sayfa aramaya açılacaksa dizine eklemeyi engelleyen talimatları ve tarama erişimini inceleyin. Almanca sürüm açılıyor ancak Türkçe ürün adı gösteriyorsa önce çevirinin ve ürün eşleşmesinin doğru kayda bağlandığını teyit edin.

Ajansbox demosunda ürün şablonundan bir örnek isteyin

Konya’da çok dilli e-ticaret sitesi hazırlayan bir işletme, Ajansbox görüşmesine üç dilde adres planı ve örnek ürün koduyla gelebilir. Demoda dil sürümlerinin ayrı adreslerde açılmasını, dil seçiciyi ve ürün şablonundan çıkan alternatif etiketleri incelemek istediğinizi belirtin. Paket kapsamında hangi alanın yönetilebilir olduğunu ve şablon düzenlemesinin kimin sorumluluğunda bulunduğunu güncel teklif üzerinden doğrulayın.

Bir dil veya ürün adresi değiştirildiğinde çıktının nasıl güncellendiğini de kontrol edin. Örneğin Almanca ürün yolunu değiştirirken yeni adresin diğer iki dilin etiketlerine ve dil seçiciye yansımasını örnekleyin. Elle güncellenen alanlarla şablon tarafından oluşturulan satırların sorumlularını ayırın. Bu kayıt, düzenli hata kontrolünün katalog büyüdükçe kim tarafından yürütüleceğini belirler.

Yayın kontrolünde bir ürün ve bir kategoriyle başlayın. Adres değişikliği yapılan bir ürün, daha sonra yayına alınan bir çeviri ve bulunamayan bir ürün için ayrı denemeler hazırlayın. Ürün yolu güncellendiğinde eski sayfanın yönlendirme sonucunu, yeni sayfanın dil seçicisini ve üç dildeki etiketleri karşılaştırın. Aynı değişikliğin mobil ziyaret sırasında da beklendiği gibi çalıştığını görün. Kontrol tarihini ve incelenen ürün kodunu ekip dosyasına yazın. Böylece hangi adres grubunun doğrulandığı sonradan görülebilir.

Sık sorulan sorular

Hreflang etiketinde sayfanın kendi adresi olmalı mı?

Her sürüm, kendi adresini ve eşleşen diğer dil sürümlerini listelemelidir. Üç dil için hazırladığınız kümenin her sayfada yer aldığını kaynak koddan kontrol edin.

Hreflang bağlantısı ürünü başka dile otomatik yönlendirir mi?

Hreflang, arama motoruna dil sürümlerinin ilişkisini bildirir. Mağazada ziyaretçinin hangi adrese gideceğini dil seçici ve varsa yönlendirme kuralları belirler. İkisini ayrı test edin.

Yalnızca para birimi değişirse hreflang eklenir mi?

Önce ayrı bir dil veya bölge sayfanız olup olmadığına bakın. Tek sayfada para birimi seçilmesi tek başına yeni bir dil karşılığı oluşturmaz. Ayrı bölge sayfaları varsa gerçek adresleri ve hedeflenen kitleyi değerlendirin.