Breadcrumb Nedir?

Bir web sitesinde gezinirken kaybolduğunuzu hissettiğiniz oldu mu? “Ben şu an sitenin neresindeyim?” veya “Bir önceki kategoriye nasıl dönerim?” soruları, kötü tasarlanmış bir web sitesinin işaretidir. İşte tam bu noktada, dijital dünyada yolunuzu bulmanızı sağlayan o küçük ama güçlü navigasyon aracı devreye girer: Breadcrumb.

Bu makalede; Breadcrumb (Ekmek Kırıntısı) navigasyonunun ne olduğunu, SEO performansınızı nasıl katladığını, e-ticaret sitelerindeki kritik rolünü ve web sitenize en doğru şekilde nasıl entegre edeceğinizi A’dan Z’ye inceleyeceğiz.

Breadcrumb (Ekmek Kırıntısı) Nedir?

Breadcrumb, kullanıcıların bir web sitesindeki hiyerarşik konumlarını anlamalarına yardımcı olan ve genellikle sayfanın sol üst kısmında yer alan ikincil bir navigasyon menüsüdür.

İsmini, Grimm Kardeşler’in ünlü Hansel ve Gretel masalından alır. Masalda çocuklar ormanda kaybolmamak için yere ekmek kırıntıları bırakırlar. Web dünyasında da bu sistem, kullanıcının “Ana Sayfa”dan başlayarak bulunduğu sayfaya kadar izlediği (veya hiyerarşik olarak bulunması gereken) yolu gösterir.

Örnek bir Breadcrumb yapısı:

Ana Sayfa > Erkek Giyim > T-Shirt > Polo Yaka T-Shirt

Bu yapı sayesinde kullanıcı, tek bir tıklamayla “Erkek Giyim” kategorisine geri dönebilir.

Breadcrumb Kullanımının SEO İçin 5 Kritik Faydası

Birçok site sahibi Breadcrumb’ı sadece bir tasarım öğesi sanır. Oysa Breadcrumb, Google botları için sitenizin haritasını okumanın en kolay yoludur.

1. Kullanıcı Deneyimi (UX) ve Hemen Çıkma Oranı

Kullanıcılar sitenizde rahatça gezinebildiğinde, sitede kalma süreleri artar. Bir e-ticaret sitesinde ürün inceleyen kullanıcı, aradığını bulamazsa tarayıcıyı kapatmak yerine Breadcrumb üzerinden bir üst kategoriye tıklayarak gezinmeye devam eder. Bu durum, Hemen Çıkma Oranını (Bounce Rate) düşürür; ki bu da Google için çok güçlü bir “kalite” sinyalidir.

2. Google Arama Sonuçlarında (SERP) Şık Görünüm

Google, Breadcrumb yapısını düzgün kuran siteleri arama sonuçlarında ödüllendirir. URL’niz karmaşık bir kod yığını olarak görünmek yerine, temiz bir kategori yolu olarak listelenir.

• Kötü Görünüm: uludagweb.com/index.php?id=254&cat=seo
• Breadcrumb Görünümü: uludagweb.com > Hizmetler > SEO Fiyatları

Bu temiz görünüm, kullanıcıların arama sonuçlarında size tıklama olasılığını (CTR) artırır.

3. Site İçi Linkleme (Internal Linking)

SEO’nun temeli link ağıdır. Breadcrumb, sitenizdeki alt sayfalardan üst kategorilere ve ana sayfaya otomatik, doğal ve hiyerarşik linkler verir. Bu, “Link Juice” (Link Gücü) dediğimiz otoritenin site geneline homojen dağılmasını sağlar.

4. Tarama Bütçesi (Crawl Budget) Verimliliği

Google botları, Breadcrumb linklerini takip ederek sitenizin en derin sayfalarına bile kolayca ulaşır. Bu, sayfalarınızın daha hızlı indekslenmesi anlamına gelir.

5. Anahtar Kelime Vurgusu

Breadcrumb metinlerinde (Anchor Text) hedeflediğiniz anahtar kelimeleri doğal bir şekilde geçirmiş olursunuz. “Ürünler” yerine “Erkek Spor Ayakkabı” yazan bir Breadcrumb, o sayfaya SEO değeri katar.

Breadcrumb Çeşitleri: Hangisini Kullanmalısınız?

Web sitenizin yapısına göre seçebileceğiniz üç temel Breadcrumb türü vardır:

1. Hiyerarşi Bazlı (Location-Based) – En Yaygın

Kullanıcının site hiyerarşisindeki yerini gösterir. Kullanıcı o sayfaya nereden gelirse gelsin, breadcrumb sabit kalır.

• Örnek: Ana Sayfa > Blog > SEO Nedir
• Kullanım: Kurumsal siteler, bloglar ve standart e-ticaret yapıları için idealdir. SEO için en faydalı olan türdür.

2. Özellik Bazlı (Attribute-Based)

Genellikle e-ticaret sitelerinde filtreleme yapıldığında ortaya çıkar. Ürünün özelliklerini listeler.

• Örnek: Ana Sayfa > Ayakkabı > Siyah > 42 Numara
• Kullanım: Çok sayıda filtre ve varyasyon içeren büyük e-ticaret siteleri (Trendyol, Hepsiburada vb.) kullanır.

3. Geçmiş Bazlı (History-Based)

Kullanıcının tarayıcı geçmişini yansıtır. “Geri” butonu gibi çalışır.

• Örnek: Ana Sayfa > İletişim > Hizmetler > SEO Fiyatları
• Kullanım: SEO açısından önerilmez. Çünkü site yapısını yansıtmaz ve Google’a hiyerarşi hakkında bilgi vermez.

Breadcrumb ve Schema Markup (Yapısal Veri)

Breadcrumb’ın Google’da “havalı” görünmesi tesadüf değildir. Bunun için sitenizin kod yapısında Schema.org işaretlemelerinin bulunması gerekir.

Google’a “Bak Google, bu bir link dizisidir” demenin yolu JSON-LD kod yapısını kullanmaktır. Profesyonel bir SEO çalışmasında bu kodlar sayfanın <head> kısmına eklenir.

Örnek BreadcrumbList Schema Yapısı:

(WordPress kullanıyorsanız Rank Math veya Yoast SEO bunu otomatik yapar.)

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [{
    "@type": "ListItem",
    "position": 1,
    "name": "Ana Sayfa",
    "item": "https://www.uludagweb.com/"
  },{
    "@type": "ListItem",
    "position": 2,
    "name": "Hizmetler",
    "item": "https://www.uludagweb.com/hizmetler/"
  },{
    "@type": "ListItem",
    "position": 3,
    "name": "SEO Danışmanlığı",
    "item": "https://www.uludagweb.com/hizmetler/seo/"
  }]
}
</script>

Mükemmel Bir Breadcrumb İçin 6 Altın Kural

Web sitenizde Breadcrumb kullanırken şu hatalara düşmeyin:

1. Ana Menü Yerine Kullanmayın: Breadcrumb ikincil bir yardımcıdır, ana navigasyon menüsünün yerini asla tutamaz.
2. Son Adımı Linklemeyin: Breadcrumb’ın son halkası, kullanıcının o an bulunduğu sayfadır. Bu metin kalın olmalı ancak tıklanabilir (link) olmamalıdır. Kendi kendine link vermek (Self-referencing loop) gereksizdir.
3. Mobil Uyumluluğa Dikkat Edin: Mobil ekranlarda Breadcrumb çok yer kaplamamalıdır. Yazı boyutu okunabilir olmalı, parmakla tıklanabilecek kadar boşluk bırakılmalıdır.
4. Ayırıcı Simgeler Seçimi: Genellikle büyüktür işareti (>) veya eğik çizgi (/) kullanılır. Bu evrensel semboller kullanıcının hiyerarşiyi anlamasını kolaylaştırır.
5. Konumlandırma: Breadcrumb, her zaman sayfanın en üstünde, ana menünün altında ve içerik başlığının (H1) üzerinde yer almalıdır.
6. Kısa ve Öz Tutun: Kategori isimleri çok uzunsa Breadcrumb’da kısaltmalar kullanabilirsiniz.

Küçük İzler, Büyük Sonuçlar

Breadcrumb, web tasarımının ve SEO’nun “gizli kahramanıdır”. Hem kullanıcılarınızın sitenizde kaybolmasını engeller hem de Google botlarına sitenizin haritasını altın tepside sunar. Eğer sitenizde hala Breadcrumb yoksa veya doğru yapılandırılmamışsa, kullanıcı deneyiminde ve sıralamalarda potansiyel kaybediyorsunuz demektir.

Web sitenizin teknik altyapısının kusursuz olmasını, Schema yapılarının hatasız kurulmasını ve SEO uyumlu bir tasarıma sahip olmayı istiyorsanız, Uludağ Web’in profesyonel çözümleriyle tanışın.