Breadcrumb Nedir? Ne İşe Yarar, Neden Önemlidir?

Breadcrumb, Türkçede “ekmek kırıntısı” anlamına gelir. Web sitelerinde kullanıcının bulunduğu konumu gösteren ve üst sayfalara kolayca dönmesini sağlayan bir gezinme aracıdır.

Bu adlandırma, Hansel ve Gretel masalındaki çocukların eve dönüş yolunu bulmak için yere ekmek kırıntıları bırakmasına dayanır.

Günümüzde breadcrumb, özellikle e-ticaret siteleri ve çok katmanlı içerik yapısına sahip web siteleri için hem kullanıcı deneyimini (UX) hem de arama motoru optimizasyonunu (SEO) güçlendiren temel bir bileşendir.

Breadcrumb Kullanıcıya ve SEO’ya Nasıl Fayda Sağlar?

Breadcrumb, kullanıcıların sitede nerede olduklarını anlamalarını sağlar ve bir üst kategoriye hızlıca dönebilmelerine olanak tanır. Bu, özellikle derin hiyerarşiye sahip sayfalarda gezinmeyi kolaylaştırır ve kullanıcıların kaybolmadan sayfalar arasında geçiş yapmalarını sağlar.
Ayrıca, breadcrumb yapısı sayesinde kullanıcılar site yapısını daha kolay kavrar ve bu da sitede kalma süresini artırır.

Arama motoru tarafında ise breadcrumb’lar, Google’ın sayfa hiyerarşisini anlamasına yardımcı olur. Böylece Google, SERP üzerinde sayfanızın URL’si yerine breadcrumb yolunu gösterebilir.
Bu durum, arama sonuçlarınızı hem daha düzenli hem de tıklanma oranı yüksek hale getirir.

Kısacası breadcrumb, sadece kullanıcı deneyimi açısından değil, tarama verimliliği ve dahili bağlantı yapısının güçlenmesi bakımından da oldukça değerlidir.

SERP’te Breadcrumb Nasıl Görünür?

Google, uygun yapılandırılmış breadcrumb kullanan sayfaları genellikle arama sonuçlarında özel bir biçimde gösterir.
Bu gösterim, sayfanızın “hangi bölümde yer aldığını” arama yapan kullanıcılara açıkça anlatır ve bağlantılarınızı daha tıklanabilir hale getirir.

Breadcrumb’ın SERP’te görünmesi için:

• Sayfa içinde görsel breadcrumb navigasyonu yer almalıdır.
• Schema.org BreadcrumbList yapısal verisi (JSON-LD) doğru biçimde eklenmelidir.
• Sitede hiyerarşik URL yapısı ve iç bağlantı düzeni korunmalıdır.

Breadcrumb Türleri

Breadcrumb yapıları kullanım amacına göre üç ana türe ayrılır:

Konum Tabanlı Breadcrumb

Bu tür, kullanıcının site içindeki konumunu gösterir. En yaygın kullanılan breadcrumb tipidir.
Örneğin:

Ana Sayfa > Blog > SEO > Breadcrumb Nedir

Konum tabanlı breadcrumb, kullanıcıların bir üst kategoriye ya da ana sayfaya kolayca dönmesini sağlar. Hem kullanıcı hem de arama motorları açısından en işlevsel türdür.

Öznitelik Tabanlı Breadcrumb

Öznitelik tabanlı breadcrumb genellikle e-ticaret sitelerinde kullanılır. Kullanıcının seçtiği filtre veya özellikleri gösterir.
Örneğin bir kıyafet sitesinde:

Ana Sayfa > Kadın > Elbise > Siyah > Medium

Bu yapı, kullanıcıya bulunduğu filtreyi hatırlatır ve farklı kombinasyonlar arasında kolay geçiş imkânı sunar.

Yol (Path) Tabanlı Breadcrumb

Kullanıcının sitede izlediği gerçek gezinti yolunu gösterir.
Örneğin:

Ana Sayfa > Kampanyalar > İndirimli Ürünler > Bluetooth Kulaklık

Bu tür breadcrumb artık pek yaygın değildir, çünkü çoğu kullanıcı site içinde serbest gezinir. Ancak bazı özel uygulamalarda (örneğin doküman portalları) hâlâ tercih edilir.

İyi Breadcrumb Uygulamaları

Breadcrumb’ı doğru kullanmak hem erişilebilirlik hem de SEO açısından önemlidir.
Aşağıdaki öneriler breadcrumb yapınızı optimize etmenize yardımcı olur:

• Son öğe link olmamalı: Kullanıcının bulunduğu sayfa “aktif” durumdadır.
• Ayracı (separator) seçimi: Genellikle > veya › kullanılır; tasarıma uygun olarak tire veya eğik çizgi de olabilir.
• Ana sayfa ile başlamalıdır: “Ana Sayfa” her zaman ilk bağlantı olmalıdır.
• Metinler kısa ve anlamlı olmalı: “/kategori-1/alt-2/urun123” gibi karmaşık isimler yerine açıklayıcı başlıklar kullanın.
• Mobil uyumluluk: Uzun breadcrumb yollarında orta kısımları kısaltarak (ör. Ana Sayfa > … > Ürün) mobilde yerden kazanın.
• Hiyerarşi tutarlılığı: Aynı sayfa birden fazla kategoriye bağlı olmamalıdır.
• Indexlenebilir sayfalar: Breadcrumb bağlantıları noindex sayfalara değil, taranabilir sayfalara yönlendirilmelidir.
  
  

Bu kurallar, breadcrumb yapınızın hem kullanıcı dostu hem de arama motorları için verimli olmasını sağlar.

HTML Breadcrumb Örneği

<nav aria-label="Breadcrumb">

<ol class="breadcrumb">

<li><a href="/">Ana Sayfa</a></li>

<li><a href="/blog/">Blog</a></li>

<li><a href="/blog/seo/">SEO</a></li>

<li aria-current="page">Breadcrumb Nedir</li>

</ol>

</nav>

Bu yapı, hem erişilebilir (aria-label kullanımı) hem de SEO dostudur. Son öğe “aktif sayfa” olarak belirtilmeli, link verilmemelidir.

JSON-LD Yapısal Veri (BreadcrumbList)

<script type="application/ld+json">

{

"@context": "https://schema.org",

"@type": "BreadcrumbList",

"itemListElement": [

{

"@type": "ListItem",

"position": 1,

"name": "Ana Sayfa",

"item": "https://www.siteadresiniz.com/"

},

{

"@type": "ListItem",

"position": 2,

"name": "Blog",

"item": "https://www.siteadresiniz.com/blog/"

},

{

"@type": "ListItem",

"position": 3,

"name": "SEO",

"item": "https://www.siteadresiniz.com/blog/seo/"

},

{

"@type": "ListItem",

"position": 4,

"name": "Breadcrumb Nedir"

}

]

}

</script>

Bu yapı Google tarafından tanınır ve SERP’te breadcrumb biçiminde gösterim sağlar.

Ayrıca position numaraları 1’den başlamalı ve sırayla artmalıdır.

Breadcrumb SEO Testi ve Doğrulama

Breadcrumb yapınızın doğru tanındığından emin olmak için şu adımları izleyin:

• Google Rich Results Test aracında sayfanızı test edin.
• Search Console’da “Geliştirmeler > Breadcrumb” sekmesinde hata olup olmadığını kontrol edin.
• Schema.org işaretlemeleriyle SERP gösteriminizin zenginleştiğini takip edin.

Düzenli kontrol, hem teknik bütünlüğü hem de görsel sonuçlardaki görünürlüğü artırır.