Breadcrumb Gezinmesi ve BreadcrumbList İşaretlemesi

Breadcrumb Gezinmesi ve BreadcrumbList İşaretlemesi, SEO alanında sıkça karşılaşılan ve doğru uygulandığında fark yaratan konulardan biri. Bu yazı konuyu 5 temel noktada ele alıyor, çalışan bir HTML örneği üzerinden ilerliyor, sonunda da uygulamada nelere dikkat edilmesi gerektiğini özetliyor.

Temel kavram ve amaç

Breadcrumb (kırıntı) gezinmesi, kullanıcıya sitenin neresinde olduğunu "Ana Sayfa › Blog › SEO" biçiminde gösteren küçük bir bağlantı satırıdır. Doğru işaretlendiğinde Google arama sonuçlarında uzun adres yerine bu yolu gösterebilir; hem tıklama oranını hem de site yapısının anlaşılmasını iyileştirir.

Kritik noktalar

• Görünür yol ile aynı: İşaretleme, sayfada kullanıcının gördüğü kırıntı yoluyla birebir uyuşmalıdır.
• Sıra numarası: position değeri 1'den başlar ve ana sayfadan geçerli sayfaya doğru artar.
• Son öğe: Geçerli sayfa bağlantı olmak zorunda değildir; işaretlemede son öğenin item alanı atlanabilir.
• Erişilebilirlik: nav etiketi ve aria-label ekran okuyucuların gezinme bölümünü tanımasını sağlar; aria-current="page" geçerli sayfayı belirtir.
• Mantıksal yol: Kırıntı, ziyaretçinin tıkladığı sırayı değil, sitenin kategori hiyerarşisini göstermelidir.

Uygulamalı örnek

Teoriyi somutlaştırmak için kısa bir HTML örneğine bakalım:

<nav aria-label="Konum">
  <ol class="kirinti">
    <li><a href="/">Ana Sayfa</a></li>
    <li><a href="/blog">Blog</a></li>
    <li aria-current="page">Canonical Etiketi Rehberi</li>
  </ol>
</nav>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    { "@type": "ListItem", "position": 1, "name": "Ana Sayfa", "item": "https://ornek.com/" },
    { "@type": "ListItem", "position": 2, "name": "Blog", "item": "https://ornek.com/blog" },
    { "@type": "ListItem", "position": 3, "name": "Canonical Etiketi Rehberi" }
  ]
}
</script>

Kodu doğrudan kopyalamak yerine her satırın ne yaptığını anlayarak uyarlamanız, ileride çıkacak hataları çözmeyi kolaylaştırır.

Avantajları

Bu yaklaşımı benimsediğinizde elde edeceğiniz başlıca faydalar:

• Arama motorlarının sayfayı doğru anlamasını kolaylaştırır
• Organik trafiği uzun vadede artırır
• Kullanıcı deneyimini ve sayfada kalma süresini iyileştirir

Özetle

Breadcrumb Gezinmesi ve BreadcrumbList İşaretlemesi konusunda ele aldığımız 5 nokta, günlük çalışmada en sık ihtiyaç duyulan kısmı kapsıyor. Özellikle Görünür yol ile aynı ve Mantıksal yol başlıklarını uygulamaya geçirmek iyi bir başlangıç olur.

İlgili içerikler:

• Schema.org JSON-LD ile Google'da Zengin Sonuç Alma
• Core Web Vitals: LCP, INP ve CLS'yi İyileştirme
• Canonical Etiketi ve Yinelenen İçerik Sorunu

Daha fazla uygulamalı içerik için Akademi derslerine ve blog yazılarına göz atabilirsiniz.