Hreflang Etiketi Ne İşe Yarar, Kullanımı Nasıldır?
İçerikleri aynı olan ancak hedef olarak farklı bölge ve dillere sahip olan web
sayfalarının birbirinden ayrı tutulması için hreflang etiketi kullanılır. Kullanım olarak 3 farklı şekle sahiptir;
-Fr,tr,en ve de gibi farklı diller,
-Us,en ve gb gibi farklı bölgesel farklılıklar,
-Bölgesel farklılıkların ve farklı dillerin kombinasyonları.
Oldukça önemli olan Hreflang etiketi sayesinde dili aynı olan farklı pazarları hedef durumuna getirmek mümkündür. Britanya İngilizcesi ile ABD İngilizcesi bu etiket sayesinde kolaylıkla birbirinden ayrılabilir.
Hreflang Ne Anlama Geliyor?
Kısaca özetlemek gerekirse Hreflang, sitenizde yer alan tüm içeriklerin farklı bölge ve dil için hazırlanmış şekillerinin birbirinden ayrıştırılmasını sağlayan bir etikettir. Aynı zamanda bu etiket arama motorlarına da konu hakkında bilgi verir.
Hreflang Nasıl Uygulanır?
Herhangi bir internet sitesinde 3 farklı tür sayfa olduğunu varsayarsak ve bu sayfalar Türkçe, İsviçre'de ikamet eden kullanıcılar için optimize olmuş ancak Türkçe ve Almanya'da ikamet eden kullanıcılar için ancak yine Türkçe olduğunda;
-Türkiye'de ikamet eden ve Türkçe konuşan ziyaretçiler için tr-tr,
-İsviçre'de ikamet eden ve Türkçe konuşan ziyaretçiler için tr-ch,
-Almanya'da ikamet eden ve Türkçe konuşan ziyaretçiler için tr-de şeklinde 3 farklı etiket belirlenebilir.
Hreflang Etiketinin Kullanımı
Hreflang etiketini <head> Alanında Kullanmak/h3>;
HTML üzerinde yer alan hreflang öğelerini kullanarak hreflang etiketi oluşturulabilir.Aşağıda yer alan örnek kodların sitedeki her sayfada yer alan <head> alanına eklenmesi gerekiyor.
<link rel=”alternate” href=”http://ornek.com/” hreflang=”en” />
<link rel=”alternate” href=”http://ornek.com/gb-en/” hreflang=”gb-en” />
<link rel=”alternate” href=”http://ornek.com/au-en/” hreflang=”au-en” />
Hreflang etiketini üst bilgi bölümünde kullanmak;
Hreflang etiketi HTTP üst bilgi şeklinde de kullanılabilir. Bu yöntemde HTML olmayan içeriklerin ve PDF formatında olan tüm dosyalarınızı optimize ederek hreflang etiketini kullanabilirsiniz.
Link: <http://es.ornek.com/dosya.pdf>;
rel=”alternate”; hreflang=”es”,
<http://de.ornek.com/dosya.pdf>;
rel=”alternate”; hreflang=”de”,
<http://en.example.com/dosya.pdf>;
rel=”alternate”; hreflang=”en”
Hreflang etiketini XML site haritası alanında kullanmak;
Yukarıdaki yöntemlerin dışında hreflang etiketini XML site haritasında da kullanabilirsiniz.
url>
<loc>http://www.deneme.com/</loc>
<xhtml:link rel=”alternate” hreflang=”en” href=”http://www.deneme.com/” />
<xhtml:link rel=”alternate” hreflang=”en-au” href=”http://www.deneme.com/au/” />
<xhtml:link rel=”alternate” hreflang=”en-gb” href=”http://www.deneme.com/uk/” />
</url>
<url>
<loc>http://www.deneme.com/au/</loc>
<xhtml:link rel=”alternate” hreflang=”en” href=”http://www.deneme.com/” />
<xhtml:link rel=”alternate” hreflang=”en-au” href=”http://www.deneme.com/au/” />
<xhtml:link rel=”alternate” hreflang=”en-gb” href=”http://www.deneme.com/uk/” />
</url>
Hreflang ve rel= canonical Arasındaki Bağlantı
rel=”canonical” ile rel=”alternate” hreflang=”x” istendiği zaman birlikte de kullanılabilir. Dikkat edilmesi gereken şey ise her dilin kendisine bakan bir rel=”canonical” elementine denk geliyor olmasıdır. Örneğin bulunduğumuz sayfa deneme.com olsun;
<link rel=”canonical” href=”http://deneme.com/“>
<link rel=”alternate” href=”http://deneme.com/” hreflang=”en” />
<link rel=”alternate” href=”http://deneme.com/en-gb/” hreflang=”en-gb” />
<link rel=”alternate” href=”http://deneme.com/en-au/” hreflang=”en-au” />
Aşağıdaki örnekte ise en-gb sayfasında bulunduğumuzu düşürsek sadece canoncial alanının değiştiğini görüyoruz;
<link rel=”canonical” href=”http://deneme.com/en-gb/“>
<link rel=”alternate” href=”http://deneme.com/” hreflang=”en” />
<link rel=”alternate” href=”http://deneme.com/en-gb/” hreflang=”en-gb” />
<link rel=”alternate” href=”http://deneme.com/en-au/” hreflang=”en-au” />
