Html Rel Nedir ? Html Bağlantı Rel Öznitelikleri Nelerdir ?
Seo çalışmaları için olsun kaynak göstermek için olsun bir yazıdan veya bir sayfadan başka bir siteye veya site içi olarak bağlantı mutlaka vermişsinizdir. Bu bağlantıları verirken özellikle SEO çalışmaları için html rel bağlantı ilişkisi özniteliği kullanılır. Peki Html Rel Nedir ?
Html Rel Nedir sorusuna en net cevap olarak , Seo sektörünün biraz da teknik tarafında <link rel = “değer”> olarak belirtilen bağlantı ilişkisi özniteliği, birbirine bağlantı verilen sayfalar arasındaki ilişkiyi arama motorlarına bildirmek için yaygın bir şekilde kullanılan özelliktir diyebiliriz.
Bununla birlikte, html rel bağlantı ilişkisi özniteliği , CSS stil sayfalarını yükleme, favicon’ları yükleme ve sayfaların basılı bir sürümünü göstermek gibi birçok başka amaç için on yılı aşkın bir süredir kullanılmaktadır.
Bu yazımda, SEO teknikleri ile ilgililenen herkesin bilmesi gereken ve en yaygın kullanılan html rel bağlantı özelliklerini açıklayacağım.
link rel=”alternate” hreflang özniteliği
Alternate genel olarak, esas bağlantının bir alternatifi olduğunu gösterir. hreflangözniteliği olan rel = “alternate” hreflang = “x”özniteliği, bir sayfa için hedef kitleyi belirtmek için kullanılır. Bu, yalnızca dile (ör. “İngilizce”) veya dil ile coğrafi bölgenin kombinasyonuna (ör. “Kanada’daki İngilizce”) dayanabilir.
hreflang özniteliği nasıl görünür ?
Hreflang özniteliğinin sayfa kaynağındaki görüntüsüne bir örnek :
<link rel=”alternate” hreflang=”tr” href=”https://fevzi.co/”>
<link rel=”alternate” hreflang=”en” href=”https://fevzi.co.uk/”>
hreflang özniteliğine neden önem verilmeli ?
2 veya daha çok dilde, yani birden daha fazla dilde yayın yapan bir websiteniz olabilir. hreflang etiketini kullanarak, google, bing, yahoo, yandex gibi arama motorlarınının doğru içeriği doğru kitleye göstermesini sağlayabilirsiniz. hreflan özniteliği doğru yapılandırıp hedeflemenizi de doğru ayarlarsanız, örneğin, Türkçe içeriği Türkiye’ye , ispanyolca içeriği İspanya’ya göstererek doğru bir gösterim sağlanmış olur. Ayrıca sadece doğru içeriği doğru kitleye göstermekle kalmayıp duplicate ( kopya ) içerik problemlerini de yaşamamış olursunuz.
link rel=”alternate” media özniteliği
Rel = “alternate” media özniteliği, kısaca mobil öznitelik, bir masaüstü ile mobil web sitesi arasındaki arama motorları arasındaki ilişkiyi belirtmek için kullanılır. Mobil özniteliğini kullanmak, yalnızca ayrı bir masaüstü bilgisayarınız ve mobil web siteniz varsa gereklidir. Şu anda yalnızca Google ve Yandex mobil özniteliğin kullanımını destekliyor.
media özniteliği nasıl görünür ?
media özniteliğinin sayfa kaynağındaki görüntüsüne bir örnek :
<link rel=”alternate” media=”only screen and (max-width: 640px)” href=”https://m.fevzi.co/”>
aynı şekilde mobil özniteliği site haritasında da şu şekilde belirtilmelidir :
<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
xmlns:xhtml="http://www.w3.org/1999/xhtml">
<url>
<loc>http://www.example.com/page-1/</loc>
<xhtml:link
rel="alternate"
media="only screen and (max-width: 640px)"
href="http://m.example.com/page-1" />
</url>
</urlset>
media özniteliğine neden önem verilmeli ?
Responsive özelliği olan bir altyapı veya tema kullanmıyor ve pc ile farklı bir mobil sürüm kullanıyor, diğer yandan da SEO çalışmalarını umursuyorsanız, mobil özniteliğini doğru kurgulamanız ve sitenize entegre etmeniz gerekmektedir. Google ve yandex botları sitenizi tarar ve bir kullanıcı arama motorlarından bir sayfanıza ulaşacağı zaman, mobil cihaz kullanıyorsa mobil sitenizi, pc kullanıyorsa masaüstü sitenizi kullanıcıya sunar ve doğru bilgiyi doğru kullanıcıya sunmuş olur.
link rel=”prev”/”next” Özniteliği
Rel = “next” ve rel = “prev” bağlantı öznitelikleri, kısaca sayfalandırma özniteliği, bir dizi sayfa arasındaki ilişkileri arama motorlarına göstermek için kullanılır.
Prev/Next özniteliği nasıl görünür ?
Prev/next özniteliğinin sayfa kaynağındaki görüntüsüne bir örnek :
<link rel=”prev” href=”https://fevzi.co/sayfa-2.html”>
<link rel=”next” href=”https://fevzi.co/sayfa-4.html”>
Prev/next özniteliğine neden önem verilmeli ?
Sayfalandırma özniteliği, arama motorlarının sayfalar arasındaki ilişkiyi anlamasına yardımcı olur. Genelde bu sayfalarda çok fazla özgün içerik olmadığı için arama motorlarına bu sayfaların canonical sayfalar olduğunun sinyali verilir.
link rel=”amphtml” özniteliği
Link rel = “amphtml” özelliği, AMP olmayan bir sayfa ile bir AMP sayfası arasındaki ilişkiyi belirtmek için kullanılır.
amphtml özniteliği nasıl görünür ?
Prev/next özniteliğinin sayfa kaynağındaki görüntüsüne bir örnek :
URL’nin AMP olmayan versiyonu, ör. https://fevzi.co/blog/, URL’nin AMP sürümüne bir referansı vardır:
<link rel = “amphtml” href = “https://fevzi.co/blog/amp/”.
Amphtml özniteliğine neden önem verilmeli ?
Rel = “amphtml” bağlantısı olmadan Google, sayfaların AMP sürümünün varlığını öğrenmez. Diğer yandan web tasarımı ve seo ilişkisi yazımda bahsettiğim üzere google site hızına çok önem verir. Bu nedenle amp siteler sıralamalarda avantajlıdır.
Sonuç olarak
Html Rel Nedir sorusuna ve SEO ile ilgilenen herkesin bilmesi gereken temel html rel özniteliklerine değinmeye çalıştım. Genel olarak kullanılan hazır altyapılar ( wordpress gibi ) bu tarz işaretlemeleri kendisi yapıyor, veya bir eklenti ile ( AMP ) bu özniteliklerin eksikliklerini gideriyoruz. Belki farkında bile olmuyoruz. Ancak tamamıyla hazır bir altyapı haricinde özel kodlanacak bir proje geliştirmeyi veya böyle bir projeye dahil olmayı düşünüyorsanız, bu öznitelikleri bilmeniz projenin SEO altyapısı ile kusursuz bir şekilde hazırlanması için faydanıza olacaktır.