LINK Etiketleriyle Yapısal Gezinme Neden Tutmadı

HTML'in dördüncü sürümünden beri sayfanın head bölümüne gezinme ilişkisi yazabiliyorsunuz: rel="next", rel="prev", rel="up", rel="index". Fikir iyiydi. Tarayıcı bu ilişkileri okuyup kullanıcıya sitenin iskeletini gösterecek, siz de gezinmeyi her şablonda yeniden kurmayacaktınız. Bugün bu etiketleri arayüzüne taşıyan güncel bir tarayıcı yok.

Etiket duruyor, onu gösteren arayüz kalmadı

Presto motorlu Opera'nın Gezinme Çubuğu bu işin en olgun örneğiydi: adres çubuğunun altında Ana Sayfa, Önceki, Sonraki, İçindekiler düğmeleri belirirdi ve sayfanın kendi menüsüne hiç dokunmadan site içinde ilerleyebilirdiniz. Mozilla tarafında benzer bir çubuk vardı, o da önce eklentiye itildi, sonra kayboldu. Chrome hiçbir zaman böyle bir şey göstermedi.

Dolayısıyla "çoğu tarayıcı bu yapıyı destekler" cümlesi yanlış. Ayrıştırıcı etiketi okur, DOM'a koyar, orada bırakır. Ziyaretçinin ekranında değişen hiçbir şey olmaz. Bir ürün listesi sayfalamasında bu ilişkileri eksiksiz kurmuştuk; aylar sonra erişim kayıtlarına baktığımızda o bağlantıları izleyen tek istemci kendi test crawler'ımızdı.

Arama motoru tarafı da kapandı

Google 2019'da rel="next" ve rel="prev" işaretlerini indeksleme sinyali olarak yıllardır kullanmadığını açıkladı. Sayfalanmış listelerde bu etiketlere yaslanan SEO tavsiyelerinin neredeyse tamamı o duyurudan eski. Etiketleri bırakmanız zarar vermez, ölçülebilir bir kazanç da getirmez.

Head'de hâlâ iş gören ilişkiler

Orada her şey ölmedi. canonical yinelenen adresleri toparlar, alternate ve hreflang dil sürümlerini eşler, preload tarayıcının indirme sırasını değiştirir. Ortak yanları şu: hepsi tarayıcının ya da botun zaten yaptığı bir işi yönlendiriyor. Gezinme etiketleri ise tarayıcıdan sıfırdan bir arayüz bekliyordu. O arayüz gelmedi, gelmeyince de etiketin karşılığı kalmadı.

Gezinmeyi sayfanın içine kurun

Kullanıcıya nerede olduğunu ve bir üste nasıl çıkacağını göstermek sizin işiniz, ve bunun için tarayıcıdan bir şey beklemeniz gerekmiyor.

• Breadcrumb görünür ve tıklanabilir olsun, nav içine alın, aria-label ile adlandırın.
• Önceki ve sonraki bağlantıları gerçek a href olsun; JavaScript'e bağlı bir düğme orta tıkı, yeni sekmeyi ve bağlantı kopyalamayı bozar.
• nav ve main yer imleri ekran okuyucu kullanıcısının bölümler arası atlamasını sağlar. Bunu head'deki etiketler yapmıyor.

Maliyet tarafı da bu kararı destekliyor. Breadcrumb'ı şablona bir kez eklersiniz ve orada durur; head'e yazılan ilişki etiketleri ise her yeni içerik tipinde, her yeni sayfalama kuralında karşınıza geri çıkar, bakım ister ve karşılığında kimsenin görmediği bir çıktı verir.

Karar net: sayfalanmış içerikte rel="next" ve rel="prev" zararsız, kalsın. Geri kalan gezinme ilişkilerini şablondan silin, o zamanı görünür gezinmeye harcayın. Kullanıcı head'i okumuyor.