Hreflang ve Shopify Hakkında Bilmeniz Gereken Her Şey

Giderek daha fazla Shopify mağazasının uluslararası hale gelmesiyle, arama motoru sıralamalarınıza bakmak hiç bu kadar önemli olmamıştı. Yeni bölgelere genişleme, heyecan verici yeni pazar fırsatları yaratırken, ciddi SEO zorluklarını da beraberinde getirebilir.

Uluslararası genişlemenin getirdiği ana SEO sorunları şunlardır:

• Arama motorlarının hangi sayfanın hangi bölge/dil için sıralanması gerektiğini anlamasına yardımcı olmak
• Bölgeye veya dile özgü sayfaların yinelenen içerik sorunları oluşturmasını önleme

Bu yazıda, bu uluslararası SEO sorunlarını çözmek için kullanılan Hreflang adlı bir özelliği tanıtıyoruz.

Hreflang'a Neden İhtiyaç Duyarız?

Her şeyden önce, neden hreflang'a ihtiyacımız var?

Bir markanın farklı bölgelere yönelik birden fazla web sitesi olduğunda, arama motorları hangi sitenin hangi bölge için olduğunu nasıl bilir?

Bunu göstermek için fitness markası Gymshark'ı kullanmama izin verin. Gymshark, Shopify'ı kullanır ve farklı kitlelere yönelik farklı web sitelerine sahiptir:

Birleşik Krallık - https://uk.gymshark.com

Almanya - https://de.gymshark.com

Fransa - https://fr.gymshark.com

Bu siteler kendi ana dillerine çevrilir ve bu da Google'a her sitenin hangi bölgeye ait olduğu konusunda büyük bir ipucu verir. Ama sonra Gymshark'ın da bir ABD web sitesi ve Kanada web sitesi var:

ABD - https://www.gymshark.com Kanada - https://ca.gymshark.com/

Bu web sitelerinin her ikisindeki içerik de İngilizce'dir. Peki arama motorları bunları İngilizce dilindeki Birleşik Krallık web sitesinden nasıl farklılaştırıyor ve her sitenin doğru bölgede yer almasını nasıl sağlıyor?

hreflang'ın devreye girdiği yer burasıdır.

Hreflang nedir?

Hreflang, bir sayfanın farklı bir bölge/dil kitlesine yönelik alternatif sürümleri olduğunda arama motorlarına bildiren bir HTML özelliğidir.

Hreflang farklı şekillerde uygulanabilir, ancak en yaygın olanı, alternatif sürümleri olan herhangi bir sayfada yer alan basit bir meta etikettir. İşte Gymshark'tan bir örnek:

 <link rel="alternate" href="https://www.gymshark.com/" hreflang="en-us" />

Bu hreflang etiketi, Birleşik Krallık Gymshark ana sayfasında “https://uk.gymshark.com/” bulunur.

Arama motorlarına bu sayfanın ABD versiyonunun “https://www.gymshark.com/” adresinde bulunabileceğini söyler.

hreflang etiketi iki temel özellik içerir:

1 - Href href, alternatif sayfaya bir bağlantıdır. Tam URL adresi olmalı ve çalışan bir sayfa olmalıdır. Arama motorlarına "bu, şu anda görüntülenen sayfanın alternatif bir sürümüdür" der.

2 - Hreflang Hreflang özelliği, alternatif sayfanın hedef kitlesinin dil kodunu (ISO 639-1) ve isteğe bağlı olarak ülke kodunu (ISO 3166-1) içerir. Ülke kodu isteğe bağlıdır ancak dil kodu bir gerekliliktir.

Farklı dil/ülke hedefleme kombinasyonları kullanan bazı hreflang özellikleri örnekleri:

• tr - İngilizce konuşanlar
• tr-TR - Birleşik Krallık'ta İngilizce konuşanlar
• fr-FR - Fransa'da Fransızca konuşanlar
• tr-US - ABD'de İngilizce konuşanlar
• it - İtalyanca konuşanlar
• it-CH - İsviçre'de İtalyanca konuşanlar.

'href' ve 'hreflang'ı bir araya getiren arama motorları, bu alternatif URL'nin ( href), bu belirli hedef kitleye ( hreflang) yönelik olduğunu bilecektir.

Alternatif Sayfalar

hreflang'ın alan düzeyinde değil sayfa düzeyinde çalıştığını hatırlamak önemlidir. Hreflang etiketleri, 'alternatif web siteleri' değil, 'alternatif sayfalar' bildirir. Pek çok web sitesi, aynı etki alanındaki alternatif dile/bölgeye özgü sayfaları bildirmek için hreflang etiketlerini kullanır.

Örneğin, sitenizin alternatif dil/bölge sürümlerini barındırmak için alt klasörler kullanabilirsiniz. Apple, uluslararası web sitelerini klasörleri kullanarak şu şekilde kurar:

• Birleşik Krallık: https://www.apple.com/uk/
• ES: https://www.apple.com/es/
• Fransa: https://www.apple.com/fr/

X-Varsayılan

'x-default' adlı özel bir hreflang geri dönüş değeri vardır. 'x-default'u düşünün, çünkü web sayfası arama motorları, arama yapanın dili/bölgesi ile başka hiçbir hreflang bağlantısı eşleşmediğinde sıralamada olmalıdır.

Gymshark'ı tekrar örnek olarak kullanmak. Row.gymshark.com adresinde dünyanın geri kalanında bir mağaza var. Bu, x-varsayılan olarak bildirilir.

 <link rel="alternate" href="https://row.gymshark.com/" hreflang="x-default" />

Bu nedenle, birisi Gymshark'ın hreflang etiketlerinde bildirilmeyen bir dilde/konumda arama yaparsa, Google büyük olasılıkla Gymshark'ın RoW mağazasını görüntüler.

Hreflang Eklemeniz Gerekiyor mu?

Hreflang etiketlerini yalnızca, farklı dil/bölge hedef kitlelerine hizmet veren neredeyse aynı iki sayfanız olduğunda eklemeniz gerekir. Sayfanın alternatif bir sürümü yoksa hreflang etiketleri eklemeniz gerekmez.

Hreflang Kuralları

hreflang etiketlerinin doğrulanması için belirli kurallara uymaları gerekir:

1 - Dönüş Bağlantıları - Bir sayfa hreflang alternatif bir sayfaya bağlantı veriyorsa, alternatif sayfanın ilk sayfaya hreflang bağlantısı olması gerekir. Örneğin, bir Birleşik Krallık Gymshark'ın bir Alman Gymshark sayfasını gösteren bir hreflang bağlantısı varsa, Almanca sayfasının Birleşik Krallık sürümüne geri dönen bir hreflang bağlantısı olmalıdır.

2 - Çalışma Sayfaları - Bağlandığınız herhangi bir sayfa 200 durum kodu döndürmelidir. Başka bir deyişle, hreflang bağlantılarının çalışan sayfalar olması gerekir.

3 - Kendinden Referanslı Hreflang Etiketi - Hreflang linkleri içeren herhangi bir sayfanın kendisine ait bir hreflang linki de olmalıdır. Buna kendi kendine referans veren hreflang bağlantısı diyoruz. Kendi kendine referans veren hreflang bağlantısı, standart dil/ülke bildirimini içermelidir.

Hreflang Zorlukları

Artık hreflang'ın ne olduğunu ve nasıl çalıştığını belirlediğimize göre, bunun neden SEO'nun bu kadar karmaşık bir parçası olduğunu tartışabiliriz. Aslında, hreflang muhtemelen SEO'nun doğru olması en zor kısımlarından biridir.

İşte Google'ın Web Yöneticisi Eğilimleri Analisti John Mueller'den hreflang'ın ne kadar zor olabileceğini açıklayan bir tweet!

Etiketleri eklemek yeterince basittir, ancak yukarıdaki 3 kuralı karşılayan hreflang etiketlerini korumak son derece zor olabilir.

Her zaman doğrulamak için farklı sayfalar arasındaki hreflang etiketlerinin senkronize olması gerekir. Bir URL'yi değiştirmek kadar basit bir şey, iki sayfa arasındaki hreflang bağlantısını bozabilir.

Dinamik sayfaları olan ve farklı ekipler tarafından yönetilen birden fazla web siteniz olduğunda, bunun ne kadar karmaşık olduğunu hayal etmeye başlayabilirsiniz. Birden fazla web siteniz varsa, hreflang etiketlerinizin bozulmamasını sağlamak için ekiplerinizin koordine olduğundan emin olmanız gerekir!

Hreflang Hataları

Her zaman bozuk hreflang kurulumlarıyla uğraşıyoruz. Karşılaştığımız en yaygın hreflang sorunları şunlardır:

İade Bağlantısı Yok

Şimdiye kadar gördüğümüz en sık görülen Hreflang sorunu, geri dönüş Hreflang bağlantılarının olmadığı sayfalardır. Hreflang etiketlerinizin her zaman çalışmasını sağlamak için organize olmanız gereken yer burasıdır. URL yolu bir sayfada değişir ancak diğerinde değişmezse, hreflang etiketleri senkronizasyondan çıkar.

200 Olmayan Sayfalar

Hreflang etiketlerinin, 200 sunucu yanıtı döndüren çalışma sayfalarını işaret etmesi gerekir. Web siteniz geliştikçe URL'ler değişir. Bu, hreflang etiketlerinizi bozar, bu nedenle sayfaları devre dışı bırakır ve yeniden yönlendirirseniz, tüm hreflang etiketlerini de güncellediğinizden emin olun.

Kendinden Referanslı Hreflang Etiketi Yok

Garip görünebilir, ancak bir sayfa hreflang etiketlerine sahipse, kendine referans veren bir hreflang etiketi de içermelidir. Bu, birçok web sitesinin yaptığı yaygın bir hatadır.

Hreflang Etiketleri Nasıl Kontrol Edilir

Hreflang Etiket Denetleyicisi

Hreflang etiketlerini denetlemenin en kolay yolu, Hreflang Tag Checker adlı bir Chrome uzantısı kullanmaktır. Uzantı yüklendikten sonra herhangi bir sayfayı ziyaret etmeniz ve araç çubuğu simgesine basmanız yeterlidir. Uzantı daha sonra mevcut URL'de herhangi bir hreflang etiketi olup olmadığını kontrol edecektir.

Bu araçtaki en iyi özellik, hreflang bağlantılarını gerçekten taraması ve doğrulama kontrollerinden geçtiklerini onaylamasıdır.

çığlık atan kurbağa

Hreflang etiketlerini geniş ölçekte denetlemek istiyorsanız, o zaman Screaming Frog, başvuracağınız araçtır. Screaming Frog bir web sitesini tarar ve tarama sırasında keşfedilen tüm hreflang etiketlerini doğrular.

Arama Konsolu

Search Console'daki Eski Raporlar bölümünde gizlenmiş bir Uluslararası Hedefleme raporu vardır. Bu rapora erişmek için soldaki menüde 'Eski Araçlar ve Raporlar > Uluslararası Hedefleme' seçeneğine gidin.

Bu rapor, web sitenizde kaç tane hreflang etiketi olduğunu ve herhangi bir hreflang hatasının nerede olduğunu ayrıntılı olarak gösterecektir.

Hreflang Eklemenin Farklı Yolları

Hreflang'ı uygulamak için birden fazla var. Yukarıda açıklanan HTML etiketi yöntemi, hreflang kurmanın açık ara en kolay yoludur, ancak iki alternatif yaklaşım vardır:

XML Site Haritası

XML site haritalarına aşina olabilirsiniz. XML site haritanız, site haritasındaki her sayfa için hreflang bildirimlerini içerecek şekilde güncellenebilir. Karmaşık sistemlere sahip büyük web siteleri için bu genellikle en kolay yaklaşım olabilir.

HTTP Başlıkları

Bir web tarayıcısı bir sayfayı ziyaret ettiğinde, sunucu o sayfayla ilgili bilgileri web tarayıcınıza döndürür. Buna HTTP yanıtı denir. Sunucunuzu, HTTP başlık yanıtında hreflang bilgilerini döndürecek şekilde yapılandırabilirsiniz.

Shopify'a Hreflang Nasıl Eklenir

Peki Shopify'a hreflang etiketlerini gerçekte nasıl eklersiniz? Çoğu içerik yönetim sistemi gibi, Shopify da platformda yapabileceklerinizi ve yapamayacaklarınızı etkileyen nüanslara sahiptir. XML Site Haritası veya HTTP Başlıkları yöntemleri aracılığıyla Shopify'a hreflang eklemek mümkün olsa da, önemli teknik yapılandırma gerektirdiğinden bunu önermiyoruz.

Shopify web siteleri için Hreflang'ı uygulamak için önerilen yaklaşımımız her zaman HTML etiketleridir. Sitenize fiziksel olarak hreflang etiketleri eklemek oldukça kolaydır, ancak bunu hreflang etiketlerinizin her zaman doğrulanmasını sağlayacak şekilde yapmanız gerekir. Yukarıdaki üç kuralı unutmayın:

• Alternatif sayfadan bir dönüş hreflang bağlantısı olmalıdır
• Alternatif sayfa, çalışan bir URL olmalıdır
• hreflang etiketlerini içeren herhangi bir sayfada kendi kendine referans veren bir hreflang etiketi olmalıdır

Bir Uygulama Üzerinden Shopify'a Hreflang Ekleme

Sizin için sayfalarınıza Hreflang etiketleri ekleyen bazı Shopify uygulamaları var. Weglot ve Langify gibi çeviri uygulamaları, Hreflang etiketlerinizi otomatik olarak oluşturacak ve bunları sayfalarınıza ekleyecektir.

Uygulamalar Shopify mağazanıza hreflang etiketleri ekleyebilse de, deneyimlerimize göre bu en iyi yöntem değildir. Uygulama yaklaşımı, yalnızca çoklu dil sunan tek bir mağazanız olduğunda çalışır. Çoğu uygulama, dil+ülke hreflang hedeflemesi sağlamaz veya uygulamalar farklı etki alanlarındaki birden çok mağazada faktör oluşturmaz. Shopify uygulamaları, hreflang için önerdiğimiz yaklaşım değildir.

Theme.liquid Dosyanıza Hreflang Etiketleri Ekleyin

Aynı sayfalara ve URL'lere sahip (yalnızca alan adının farklı olduğu) iki mağazanız varsa, geçerli hreflang etiketleri eklemek oldukça kolay olabilir. İki web sitesi tam birer klon olduğundan, Site A'daki her sayfa için Site B'de bir eşdeğer olduğunu bilirsiniz.

Bu nedenle, görüntülenen sayfanın URL yolunu kullanarak hreflang etiketlerinizi dinamik olarak oluşturmak için tema kodunuzu düzenleyebilirsiniz.

Aşağıdaki sıvı kodun yaptığı şey budur:

 <link rel="alternate" hreflang="x-default" href="{{ canonical_url | replace: shop.domain, 'www.mystore.com' }}" /> <link rel="alternate" href="{{ canonical_url | replace: shop.domain, 'www.mystore.com' }}" hreflang="en-GB" /> <link rel="alternate" href="{{ canonical_url | replace: shop.domain, 'www.us.mystore.com' }}" hreflang="en-US" />

Bu kod parçasına eklenebilir. theme.liquid dosyanızın bir bölümü. 'mystore.com' örneklerini gerçek alan adlarınızla değiştirmeniz gerekir. Bu snippet yerinde olduğunda, sayfalarınız URL yolunu oluşturmak için standart sayfa kullanarak hreflang etiketleri çıkarır.

Bu yöntem web sitenizin kodunu düzenlemeyi içerdiğinden, bu yaklaşımı seçerseniz değişikliği sizin yerinize uygulaması için bir Shopify uzmanıyla çalışmanızı önemle tavsiye ederiz.

Özel Alan Kullanın (Önerilen Shopify Hreflang Yaklaşımı)

URL tanıtıcılarının eşleşmediği binlerce ürün içeren birden çok Shopify web sitesine Hreflang etiketlerini nasıl eklersiniz? Sayfa sayfa hreflang etiketleri eklemek için zamanınız olmayacak ve bir uygulama bunu sizin için yapamaz.

Bu senaryoda, Özel Alanlar adlı başka bir uygulama kullanmanızı öneririz. Özel alanlar ile web sitenizde tamamen yeni meta alanlar oluşturabilirsiniz. Shopify'da karmaşık hreflang durumlarıyla ne zaman uğraşsak, müşterilerimizin bir hreflang meta alanı oluşturmak için Özel Alanları kullanmasını öneririz. hreflang meta alanının değeri, sayfanın bölümü.

Bu yaklaşımla, Excel'de kendi hreflang etiketlerinizi oluşturabilir ve ardından bunları doğrudan sayfa sayfa özel alana ekleyebilirsiniz.

Daha da iyisi, Custom Fields Plus planınız varsa, ürün hreflang etiketlerinizi bir csv yüklemesi yoluyla içe aktarabilirsiniz. Binlerce ürün hreflang etiketini Shopify'a dakikalar içinde yüklemek için bu yaklaşımı düzenli olarak kullanıyoruz.

Özel meta alanı (Shopify Expert gerektirir) ayarlamanız ve kendi hreflang etiketlerinizi oluşturmanız gerektiğinden bu yaklaşım en basiti olmasa da, büyük ölçekli Shopify hreflang yönetimi için açık ara en etkili yöntemdir. Kendi hreflang etiketlerinizi oluşturmanın kolay bir yolunu istiyorsanız, Aleyda Solis'in ücretsiz hreflang etiket oluşturucusunu öneriyoruz.

Uluslararası Alan Adları (Yeni)

Shopify kısa süre önce International Domains adlı yeni bir özelliği duyurdu. Bu geliştirme, Shopify satıcılarının mağazalarını farklı bir dili/ülkeyi hedefleyen alternatif bir alan/alt alan adında görüntülemesine olanak tanır.

Uluslararası Etki Alanları ile, hedef ülkenin 2 harfli ISO kodunu (örn. gb.alaniniz.com) kullanarak alternatif bir etki alanı/alt etki alanı kaydedersiniz. Shopify daha sonra her bir alan/alt alan adı genelinde hreflang etiketlerini otomatik olarak yapılandırır. Bunun nasıl yapılacağına ilişkin tüm talimatlar Shopify'da bulunabilir.

Uluslararası alan adlarının birkaç dezavantajı vardır. Etki alanlarınızda her satıcıya uymayan aynı sayfaları ve ürünleri barındırmanız gerekecek. Ayrıca içeriğinizi farklı alanlarda düzenleyemezsiniz (çeviriler hariç).

Bununla birlikte, bu ileriye doğru atılmış büyük bir adımdır ve Shopify'ın tüccarları dinlediğini gösterir. International Domains'in zamanla Shopify için önerilen hreflang çözümümüz olacağından eminiz.

Hreflang'da Yardıma mı ihtiyacınız var?

Hreflang'ı yönetmek, SEO'nun en karmaşık kısımlarından biridir. SEO ekibimiz, onlarca web sitesi için uluslararası SEO'yu başarıyla yönetmektedir. Uluslararası SEO'nuzu optimize etmek için yardıma ihtiyacınız varsa bize bildirin.