Breadcrumb (Sayfa Yolu) Nedir?

Bir arayüz deseni olarak sayfa yolu

Breadcrumb, sayfanın üstünde yer alan küçük bir bağlantı zinciridir: Ana Sayfa › Erkek › Ayakkabı › Koşu Ayakkabısı. Ana menünün ve genel site navigasyonunun yerini almaz; kullanıcının nerede olduğunu gösterir ve tek tıkla bir üst seviyeye çıkmasını sağlar. Özellikle bir ürün ya da yazı sayfasına aramadan doğrudan gelen ziyaretçi için, sitenin geri kalanına açılan en kısa kapıdır.

Üç türü vardır. Konum tabanlı (hiyerarşik) sayfa yolu, sayfanın bilgi mimarisindeki yerini gösterir ve en yaygın, en kullanışlı olanıdır. Özellik tabanlı yol, filtrelenmiş bir listede seçili nitelikleri sıralar. Geçmiş tabanlı yol ise kullanıcının gezdiği sayfaları yeniden oynatır; bu iş tarayıcının geri düğmesiyle zaten yapıldığı için genellikle önerilmez.

Erişilebilir HTML yapısı

W3C'nin WAI-ARIA tasarım desenlerine göre sayfa yolu bir navigasyon bölgesinin içinde olmalı, bu bölge aria-label ile adlandırılmalı ve mevcut sayfayı gösteren bağlantıya aria-current="page" verilmelidir:

<nav aria-label="Sayfa yolu">
  <ol>
    <li><a href="/">Ana Sayfa</a></li>
    <li><a href="/erkek/">Erkek</a></li>
    <li><a href="/erkek/ayakkabi/">Ayakkabı</a></li>
    <li><a href="/erkek/ayakkabi/kosu/" aria-current="page">Koşu Ayakkabısı</a></li>
  </ol>
</nav>

Sıralı liste (ol) adımların sırasını ekran okuyuculara da aktarır. "›" gibi ayırıcıları HTML metni yerine CSS ile çizmek, ekran okuyucunun her adımda bu simgeyi seslendirmesini önler. Bu ayrıntılar ARIA kurallarının küçük ama somut bir uygulamasıdır.

BreadcrumbList işaretlemesi

Görünen sayfa yolu, schema.org'un BreadcrumbList türüyle makineye de anlatılabilir. Google'ın istediği alanlar sınırlıdır: BreadcrumbList'te itemListElement; her ListItem'da position, name ve item (URL). Son öğede item verilmezse Google sayfanın kendi URL'sini kullanır.

{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    { "@type": "ListItem", "position": 1, "name": "Erkek", "item": "https://magaza.ornek.com/erkek/" },
    { "@type": "ListItem", "position": 2, "name": "Ayakkabı", "item": "https://magaza.ornek.com/erkek/ayakkabi/" },
    { "@type": "ListItem", "position": 3, "name": "Koşu Ayakkabısı" }
  ]
}

Google, işaretlenen yolun URL yapısını kopyalamak yerine kullanıcının sayfaya ulaştığı tipik yolu temsil etmesini önerir. Bir sayfaya farklı yollardan ulaşılabiliyorsa birden fazla BreadcrumbList tanımlanabilir. İşaretleme, sayfada görünen yolla örtüşmelidir.

Arama sonuçlarında nasıl görünür?

Google, breadcrumb işaretlemesini sonuçta sayfanın konumunu ham URL yerine okunabilir bir yol olarak göstermek için kullanabilir. Bu özellik masaüstünde gösterilmeye devam ediyor; Google Ocak 2025'te dar ekranlarda kesildiği gerekçesiyle sayfa yolunu mobil sonuçlarda göstermeyi bıraktığını duyurdu. Mobil trafiği ağır basan bir sitede bu nedenle işaretlemenin arama görünümüne etkisi sınırlıdır, ancak yapı ve kullanıcı açısından değeri sürer.

SEO'ya asıl katkısı: iç bağlantı ağı

Sayfa yolunun en kalıcı faydası, her detay sayfasından üst kategorilere düzenli iç bağlantılar vermesidir. Böylece kategori sayfaları sitenin her köşesinden bağlantı alır ve derindeki sayfalarla üst seviyeler arasındaki bağ, hem kullanıcı hem tarayıcı için açık hâle gelir. Breadcrumb'ın hiç olmadığı ya da sadece bazı şablonlarda bulunduğu derin sitelerde bu eksikliği GEO Analiz Aracı raporlar.

• Görünen yol ile işaretlenen yolun farklı olması (örneğin işaretlemede eski kategori adları).
• Son adımı tıklanabilir ama mevcut sayfa olarak işaretlenmemiş bırakmak.
• position değerlerini atlamak ya da sırasız vermek.