Rel="Next" ve rel="prev" ile sayfalara ayırma

15 Eylül 2020, Perşembe

rel="canonical" etiketinin yinelenen içeriğe belirgin şekilde işaret etmesi gibi, sayfalara ayrılmış bir dizi bileşen URL'sinin arasındaki ilişkiyi belirtmek için artık rel="next" ve rel="prev" HTML bağlantı öğelerini kullanabilirsiniz. Web genelinde, birden çok bileşen sayfasına bölünmüş makaleler, öğeleri sayfalara yayılan ürün kategorileri veya URL dizisi halinde bölünmüş forum ileti dizileri gibi birçok farklı şekilde sayfalara ayrılmış içerik dizileri vardır. Dizi içindeki bileşen sayfalarına rel="next" veya rel="prev" işaretleme ekleyerek Google'dan şunları istediğinizi bildirmiş olursunuz:

  • Bileşen sayfalarından/URL'lerinden diziye giden bağlantılar gibi dizine ekleme özelliklerinin bir bütün haline getirilmesi (yani, bağlantıların page-1.html, page-2.html vb. arasında dağınık halde bırakılmak yerine diziyle gruplanması).
  • Kullanıcıların alaka düzeyi en yüksek sayfaya/URL'ye gönderilmesi (genellikle dizinin birinci sayfasıdır).
rel=prev ve rel=next ek açıklamaları için uygun olan sayfalar
Dizilerdeki bileşen URL'lerinin arasındaki ilişki artık Google'a rel="next" ve rel="prev" işaretlemeleri aracılığıyla bildirilebilir.

rel="prev" ve rel="next" uygulamasıyla ilgili bir istisna vardır: İçerik dizinizin yanı sıra kullanıcılarınıza tümünü görüntüleme sayfaları da sunuyor veya sunmayı düşünüyorsanız lütfen daha fazla bilgi için Arama sonuçlarında tümünü görüntüleme sayfaları konulu yayınımızı inceleyin. Tümünü görüntüleme sayfaları arama yapanlar tarafından daha çok tercih edildiği için, sonuçlarda uygun olduğunda bileşen sayfaları yerine (rel="next" ve rel="prev" ile bileşen sayfalarının gösterilme olasılığı artar) bu sürümü göstermek için elimizden geleni yapıyoruz.

Tümünü görüntüleme sayfanız yoksa veya Google'ın tümünü görüntüle sayfası döndürmesini geçersiz kılmak isterseniz bu yayında açıklandığı şekilde rel="next" ve rel="prev" işaretlemelerini kullanabilirsiniz.

Tümünü görüntüleme sürümü olan sayfalara örnekler
Sayfalara ayrılmış yapılandırmalarda bulunan tümünü görüntüle sayfaları hakkında daha fazla bilgi için Arama sonuçlarında tümünü görüntüleme sayfaları konulu yayınımızı inceleyin.

Seçeneklerinizi sunma

Diziler için kullanabileceğiniz üç seçenek:

  1. Yapılandırmanızı olduğu gibi bırakın. Web'in her yerinde sayfalara ayrılmış içerikler var ve arama yapanlara en iyi sonuçları verme çabamız sayfalarda rel="next"/rel="prev" HTML işaretlemesi olup olmaması fark etmeksizin devam edecek.
  2. Tümünü görüntüleme sayfanız varsa veya olmasını istiyorsanız Arama sonuçlarında tümünü görüntüleme sayfaları konulu yayınımızı inceleyin.
  3. rel="next" ve rel="prev" işaretlemelerini kullanarak Google'a dizinizdeki bileşen URL'leri arasındaki ilişkiyi bildirin. Bu yöntem, içeriğinizi en doğru şekilde dizine eklememize ve kullanıcılara alaka düzeyi en yüksek sayfayı (genellikle birinci sayfadır) göstermemize yardımcı olur. Uygulama ayrıntılarını aşağıda görebilirsiniz.

Sitenizde 3. seçeneği (yukarıda) kullanmak istiyorsanız işe koyulabiliriz. İçeriğinizin URL'lere ayrıldığını varsayalım: 

https://www.example.com/article?story=abc&page=1
https://www.example.com/article?story=abc&page=2
https://www.example.com/article?story=abc&page=3
https://www.example.com/article?story=abc&page=4

Birinci sayfanın (https://www.example.com/article?story=abc&page=1) <head> bölümüne şunu eklersiniz: 

<link rel="next" href="https://www.example.com/article?story=abc&page=2" />

İkinci sayfada, (https://www.example.com/article?story=abc&page=2): 

<link rel="prev" href="https://www.example.com/article?story=abc&page=1" />
<link rel="next" href="https://www.example.com/article?story=abc&page=3" />

Üçüncü sayfada, (https://www.example.com/article?story=abc&page=3): 

<link rel="prev" href="https://www.example.com/article?story=abc&page=2" />
<link rel="next" href="https://www.example.com/article?story=abc&page=4" />

Ve sonuncu sayfada (https://www.example.com/article?story=abc&page=4): 

<link rel="prev" href="https://www.example.com/article?story=abc&page=3" />

Birkaç önemli nokta:

  • İlk sayfada yalnızca rel="next" işaretlemesi olup rel="prev" bulunmaz.
  • İkinci ile sonuncu sayfa arasındaki sayfalara rel="next" ve rel="prev" işaretlemeleriyle çift yönlü bağlantı eklenmelidir.
  • Son sayfada yalnızca rel="prev" işaretlemesi olup rel="next" bulunmaz.
  • rel="next" ve rel="prev" değerleri göreli veya mutlak URL olabilir (<link /> etiketinin izin verdiği şekilde). Ayrıca, dokümanınıza bir <base/> bağlantısı eklerseniz göreli yollar temel URL'ye göre çözümlenir.
  • rel="next" ve rel="prev" işaretlemeleri yalnızca <head> bölümünde tanımlanmalıdır, dokümanın <body> bölümünde tanımlanması gerekmez.
  • rel="previous" işaretlemeyi rel="prev" bağlantılarının sözdizimsel bir varyantı olarak kabul ediyoruz.
  • rel="next" ve rel="previous" ile rel="canonical" bağımsız kavramlardır. Aynı sayfada her iki tanımlama da kullanılabilir. Örneğin https://www.example.com/article?story=abc&page=2&sessionid=123 aşağıdakileri içerebilir: 
    <link rel="canonical" href="https://www.example.com/article?story=abc&page=2" />
<link rel="prev" href="https://www.example.com/article?story=abc&page=1&sessionid=123" />
<link rel="next" href="https://www.example.com/article?story=abc&page=3&sessionid=123" />
  • rel="prev" ve rel="next" Google için ipucu işlevi görür, mutlak komut değildir.
  • Dizi içinde beklenen bir rel="prev" veya rel="next" tanımlamasının bulunmaması gibi hatalı uygulamalarda, sayfaları dizine eklemeye devam ederiz ve içeriğinizi anlamak için kendi bulgusal yöntemlerimizi kullanırız.

Yardım Merkezimizde daha fazla bilgi edinebilir veya Web Yöneticisi Yardım Forumumuzdaki yazışmalara katılabilirsiniz.

Yazanlar: Benjia Li ve Joachim Kupke, Software Engineers, Dizine Ekleme Ekibi