Breadcrumb Nedir? SEO ve Kullanıcı Deneyimi İçin En İyi Uygulamalar

İçindekiler

Okuma Süresi: 10 Dakika

breadcrumb best practice

Breadcrumb, ziyaretçinin bulunduğu sayfanın web sitesi içindeki yerini gösteren ikincil bir navigasyon alanıdır. Geniş kategori ağlarına sahip e-ticaret sitelerinde, bloglarda ve kurumsal web sitelerinde kullanıcıların üst sayfalara hızlıca dönmesini sağlar. Doğru hazırlanan bir breadcrumb menü, sayfalar arasındaki bağlantıyı görünür hale getirir ve arama motorlarının site mimarisini anlamasını kolaylaştırır. Tasarım, kategori düzeni, erişilebilirlik ve yapılandırılmış veri aynı kurguya göre hazırlanmadığında kullanıcıya gösterilen yol ile teknik işaretleme birbirinden kopabilir.

Breadcrumb Nedir?

Bir sayfanın web sitesi içindeki konumunu hiyerarşik bağlantılarla gösteren gezinme yoluna breadcrumb adı verilir. Genellikle ana menünün altında, H1 başlığının veya ana içeriğin hemen üzerinde bulunur.

Bir e-ticaret ürün sayfasındaki yol şu şekilde hazırlanabilir:

Ana Sayfa > Kadın > Ayakkabı > Spor Ayakkabı > Koşu Ayakkabısı

Ziyaretçi, ürünün hangi kategori altında bulunduğunu bağlantılar üzerinden görebilir. Ürün sayfasından kadın ayakkabı veya spor ayakkabı kategorisine dönmek için ana menüyü yeniden açması gerekmez.

Google da breadcrumb işaretlemesini sayfanın site içindeki konumunu anlamak ve arama sonuçlarında içeriği daha açıklayıcı bir hiyerarşi içinde göstermek için kullanabilir.

Ana menü sitenin temel bölümlerini gösterir. Konum yolu ise ziyaretçinin o anda hangi sayfada bulunduğunu ve sayfanın hangi üst kategorilere bağlı olduğunu açıklar. Bu nedenle ana navigasyonun yerine geçmez.

Breadcrumb Türleri

Gezinme yolları konuma, seçilen özelliklere veya kullanıcının ziyaret geçmişine göre oluşturulabilir. Her model aynı ihtiyaca cevap vermediği için sitenin kategori düzenine uygun seçim yapılmalıdır.

Konum Tabanlı Breadcrumb

Konum tabanlı model, sayfanın sabit site hiyerarşisindeki yerini gösterir:

Ana Sayfa > Blog > SEO > Teknik SEO

Kullanıcının siteye Google, reklam veya başka bir sayfa üzerinden gelmesi yolu değiştirmez. Sabit kategori ilişkilerini gösterdiği için e-ticaret, blog, haber ve kurumsal web sitelerinde en sık kullanılan seçenektir.

Özellik Tabanlı Breadcrumb

Özellik tabanlı yollar, ürün veya listeleme sayfasında seçilen filtreleri gösterir:

Ana Sayfa > Ayakkabı > Kadın > Siyah > 38 Numara

Filtreleme seçeneklerinin yoğun olduğu e-ticaret sitelerinde bu modelle sık karşılaşılır. Her filtre kombinasyonunun yeni bir URL üretmesi yinelenen sayfalara, gereksiz taramaya ve tutarsız kategori yollarına neden olabilir.

Özellik tabanlı breadcrumb kullanılacaksa filtre URL’lerinin hangilerinin indeksleneceği önceden belirlenmelidir. Faceted navigation kuralları oluşturulmadan yapılan uygulamalar, kullanıcının gördüğü yol ile arama motorlarının taradığı sayfalar arasında fark yaratabilir. Filtre yönetimi, kategori sayfaları ve yapılandırılmış verinin birlikte ele alındığı e-ticarette teknik SEO çalışmaları bu noktada daha sağlıklı bir çerçeve sunar.

Geçmiş Tabanlı Breadcrumb

Geçmiş tabanlı model, kullanıcının ziyaret ettiği sayfalara göre değişir:

Önceki Sayfa > Önceki Kategori > Mevcut Sayfa

Kalıcı kategori ilişkisini göstermediği için tarayıcının geri butonuna benzer şekilde çalışır. Aynı sayfa farklı ziyaretçilerde farklı yollar gösterebildiğinden SEO odaklı projelerde ana model olarak kullanılmamalıdır.

Breadcrumb SEO ve Kullanıcı Deneyimini Nasıl Etkiler?

Üst kategori bağlantıları, doğrudan ürün veya içerik sayfasına gelen ziyaretçilere sayfanın hangi bölümde bulunduğunu anlatır. Kullanıcı daha geniş bir ürün grubuna geçmek istediğinde ana menüye dönmeden ilgili kategoriye ulaşabilir.

SEO tarafında doğrudan ve garantili bir sıralama artışı beklenmemelidir. Doğru hazırlanan bir gezinme yolu şu alanlarda katkı sağlar:

Sayfalar arasındaki kategori ilişkisini görünür hale getirir.
Üst kategori sayfalarına taranabilir dahili bağlantılar verir.
Arama motorlarının site hiyerarşisini anlamasına yardımcı olur.
Masaüstü arama sonuçlarında daha açıklayıcı bir sayfa yolu gösterilmesini destekleyebilir.

Kategori ilişkilerinin doğru kurulması breadcrumb alanıyla sınırlı değildir. URL düzeni, sayfa derinliği ve bağlantı dağılımı da SEO’da site mimarisi kapsamında birlikte değerlendirilmelidir.

Google, bağlantıları keşfetmek için ağırlıklı olarak href niteliği bulunan <a> öğelerini kullanır. Sadece JavaScript olaylarına dayanan bağlantılar aynı ölçüde güvenilir biçimde ayrıştırılamayabilir.

Google, 23 Ocak 2025’ten itibaren mobil arama sonuçlarında breadcrumb yolu yerine yalnızca alan adını göstermeye başladı. Masaüstü sonuçlarında sayfa yolu desteği devam ediyor. Mobil sonuçlarda görünmese de, gezinme bağlantıları site içi kullanım ve taranabilirlik açısından önemini koruyor.

Breadcrumb İçin En İyi Uygulamalar

1. Önce Kategori ve Sayfa İlişkilerini Belirleyin

Kategori ilişkileri net değilse gösterilen yol da anlaşılması güç hale gelir. Tasarım çalışmalarından önce her sayfanın hangi ana kategoriye bağlanacağı belirlenmelidir.

Bilgi mimarisi şeması ile XML sitemap aynı araç değildir. Bilgi mimarisi, ekiplerin sayfalar arasındaki ilişkiyi planlamasını sağlar. XML sitemap ise indekslenmesi istenen URL’leri arama motorlarına bildiren teknik bir dosyadır.

Bir ürün hem “Koşu Ayakkabıları” hem de “Yeni Sezon” kategorilerinde listelenebilir. Ürünün ana kategori yolunda geçici kampanya sayfası yerine kalıcı ürün kategorisinin gösterilmesi çoğu durumda daha anlaşılır olur.

Google, aynı sayfaya ulaşan birden fazla geçerli yol varsa birden fazla BreadcrumbList tanımlanmasına izin verir. Eklenen yollar gerçek site düzenini göstermeli ve sayfada sunulan içerikle çelişmemelidir.

2. Ana Menü ile Konum Yolunu Birbirine Karıştırmayın

Ana navigasyon, ziyaretçinin sitenin temel bölümleri arasında hareket etmesini sağlar. Konum yolu ise mevcut sayfanın üst kategorilerle bağlantısını gösterir.

Açılır menüler, kampanya bağlantıları veya çok sayıda filtre aynı alana eklendiğinde sayfanın konumu anlaşılmaz hale gelebilir. Kullanıcı kategoriye dönmek yerine yeni bir menüyle karşılaşır.

Ana menü kapsamlı olabilir. İkincil navigasyon ise kısa tutulmalı ve sadece mevcut sayfaya kadar uzanan kategori sırasını göstermelidir.

3. Ana Sayfadan Başlayın ve Mevcut Sayfada Bitirin

Çok katmanlı sitelerde yolun ana sayfadan başlaması, ziyaretçinin kategori sırasını en üst seviyeden görmesini sağlar.

Örnek:

Ana Sayfa > Hizmetler > SEO Danışmanlığı > Teknik SEO

Son öğe mevcut sayfayı göstermelidir. Ürün veya blog başlığı çok uzunsa tam H1 yerine anlamı koruyan daha kısa bir ad kullanılabilir.

Mobil ekranda yer kazanmak için ana sayfa metni ev simgesiyle gösterilebilir. Ara kategorilerin tamamını gizlemek ise sayfanın hangi bölümde bulunduğunu anlamayı zorlaştırabilir.

4. Mevcut Sayfaya Yeniden Bağlantı Vermeyin

Üst kategoriler tıklanabilir olmalıdır. Son öğe ise kullanıcının zaten bulunduğu sayfayı gösterdiği için genellikle bağlantı içermez.

Mevcut sayfa tıklanabilir bırakılırsa bağlantıya aria-current=”page” eklenmelidir. Son öğe bağlantı değilse aria-current kullanılması zorunlu değildir. W3C’nin breadcrumb örneği de gezinme alanının adlandırılmasını ve bağlantı olarak sunulan mevcut sayfanın aria-current=”page” ile belirtilmesini önerir.

Kullanıcı son öğeye tıkladığında aynı sayfanın yeniden yüklenmesi yeni bir gezinme seçeneği sunmaz. Aktif sayfanın bağlantısız gösterilmesi daha sade bir kullanım sağlar.

5. Bağlantı Metinlerini Kısa Tutun

Breadcrumb bağlantılarının H1, title etiketi veya URL ile birebir aynı olması gerekmez. Kullanılan metin hedef kategoriyi doğru tanımlamalı ve bağlantının nereye gittiğini açıkça göstermelidir.

Örneğin /kadin-spor-ayakkabi-modelleri/ adresine giden bağlantıda “Kadın Spor Ayakkabıları” ifadesi kullanılabilir. URL’deki her kelimeyi bağlantı metnine taşımak gerekmez.

Kategori adlarını tam eşleşmeli anahtar kelimelerle uzatmak okunabilirliği düşürür. Aynı kategoriye farklı şablonlarda farklı isimler verilmesi de kullanıcının sayfalar arasındaki bağlantıyı anlamasını zorlaştırır.

Breadcrumb bağlantıları aynı zamanda sitenin iç linkleme düzenine katkı verir. Bu nedenle bağlantı metinleri hem kullanıcı için anlaşılır olmalı hem de hedef sayfanın konusunu doğru aktarmalıdır.

6. Sayfanın Üst Kısmında Gösterin

Konum yolu, ana menü ile H1 veya ana içerik arasında yer almalıdır. Doğrudan alt sayfaya gelen ziyaretçi böylece bulunduğu kategoriyi sayfayı kaydırmadan görebilir.

Footer’a yerleştirilen bağlantılar, kullanıcı sayfanın sonuna gelene kadar görünmez. Bu yerleşim üst kategoriye hızlı dönüş ihtiyacını karşılamaz.

Sayfanın üst kısmında yer alması breadcrumb’ın H1’den daha dikkat çekici görünmesi gerektiği anlamına gelmez. Yazı boyutu ve görsel ağırlık ana menüden ve sayfa başlığından daha düşük tutulabilir.

7. “Buradasınız” ve “Geri Dön” Gibi Ekleri Kaldırın

“Buradasınız” ifadesi çoğu tasarımda gereksizdir. Bileşenin konumu, bağlantı sırası ve kullanılan ayraçlar zaten sayfanın yerini gösterir.

“Geri dön” bağlantısı da aynı alana eklenmemelidir. Geri butonu ziyaret geçmişine göre çalışırken, breadcrumb sabit kategori sırasını gösterir. İki işlev aynı alanda sunulduğunda bağlantının hangi sayfaya gideceği belirsizleşebilir.

8. Okunabilirliği ve Tıklanabilir Alanları Kontrol Edin

İkincil navigasyon, ana menü ve H1’den daha geri planda görünmelidir. Daha küçük bir yazı boyutu kullanılabilir ancak metin rahat okunmalıdır.

Arka plan ve bağlantı metni arasındaki kontrast yeterli olmalıdır. Mobil ekranda birbirine çok yakın yerleştirilen bağlantılar yanlış tıklamalara yol açabilir.

Öğeler arasında >, / veya ok simgesi kullanılabilir. Aynı sitede farklı sayfalarda farklı ayraçlara geçmek yerine tek bir kullanım tercih edilmelidir.

Bağlantıların sadece renk değişimiyle belirtilmesi görme güçlüğü yaşayan kullanıcılar için yeterli olmayabilir. Alt çizgi veya başka bir görsel fark, tıklanabilir öğeleri daha anlaşılır hale getirir.

9. Mobil Görünümü Masaüstünden Ayrı Test Edin

Masaüstünde tek satıra sığan uzun bir kategori yolu mobil ekranda birkaç satıra bölünebilir. Uzun ürün adları ve çok seviyeli kategoriler, H1 alanını aşağı iterek sayfanın üst bölümünü gereksiz yere büyütebilir.

Mobil kontrolde şu sorulara bakılmalıdır:

Bağlantılar rahatça seçilebiliyor mu?
Doğrudan üst kategori görülebiliyor mu?
Yatay kaydırma kullanılıyorsa kullanıcı bunu fark ediyor mu?
Satır kırılımı ana içeriği aşağı itiyor mu?
Ekran okuyucular ayraçları gereksiz yere seslendiriyor mu?

Mevcut sayfa ve doğrudan üst kategori, mobil görünümde korunması gereken en önemli iki seviyedir. Ara kategoriler gizlenecekse kullanıcının sayfanın hangi ana bölümünde bulunduğu yine anlaşılabilmelidir.

Erişilebilir Breadcrumb HTML Yapısı

Bağlantılar sıralı liste içinde gösterilebilir ve alan nav etiketiyle tanımlanabilir. Ekran okuyucular böylece öğelerin bir navigasyon grubuna ait olduğunu anlayabilir.

<ol>

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

<li aria-current=”page”>Breadcrumb Rehberi</li>

</ol>

</nav>

W3C’nin örnek kullanımında navigasyon alanı aria-label veya aria-labelledby ile adlandırılır. Mevcut sayfa bağlantı olarak gösteriliyorsa, son bağlantıya aria-current=”page” eklenir.

Ayraçların doğrudan HTML metni olarak yazılması, ekran okuyucuların > veya / sembollerini seslendirmesine neden olabilir. Sembollerin CSS üzerinden eklenmesi gereksiz seslendirmeyi önler.

BreadcrumbList Yapılandırılmış Verisi

Sayfada görünen yol ile BreadcrumbList yapılandırılmış verisi aynı kategori sırasını göstermelidir. Kullanıcıya farklı, arama motoruna farklı bir yol sunmak teknik tutarsızlık yaratır.

Google JSON-LD, Microdata ve RDFa formatlarını destekler. Genel yapılandırılmış veri yönergelerinde JSON-LD önerilen format olarak belirtilir.

Örnek JSON-LD kodu:

{

“@context”: “https://schema.org”,

“@type”: “BreadcrumbList”,

“itemListElement”: [

{

“@type”: “ListItem”,

“position”: 1,

“name”: “Ana Sayfa”,

“item”: “https://www.example.com/”

{

“@type”: “ListItem”,

“position”: 2,

“name”: “Blog”,

“item”: “https://www.example.com/blog/”

{

“@type”: “ListItem”,

“position”: 3,

“name”: “SEO”,

“item”: “https://www.example.com/blog/seo/”

{

“@type”: “ListItem”,

“position”: 4,

“name”: “Breadcrumb Rehberi”

}

]

}

</script>

Her ListItem içinde sıralamayı gösteren position ve sayfayı tanımlayan name alanları bulunmalıdır. Son öğe için item URL’sinin eklenmesi zorunlu değildir. Google’ın örneklerinde BreadcrumbList içindeki öğelerin sırası position alanıyla tanımlanır.

Kod yayına alınmadan önce Rich Results Test ile kontrol edilmelidir. Search Console’daki URL Denetleme Aracı da Google’ın oluşturduğu işaretlemeyi görüp görmediğini anlamaya yardımcı olur. Teknik olarak geçerli bir kod, arama sonuçlarında mutlaka özel bir görünüm elde edileceği anlamına gelmez.

Bir Ürün Birden Fazla Kategorideyse Ne Yapılmalı?

Bir koşu ayakkabısı “Kadın Spor Ayakkabıları”, “Koşu Ürünleri” ve “Yeni Sezon” gibi farklı kategorilerde aynı anda yer alabilir. Ziyaretçinin geldiği listeleme sayfasına bağlı olarak ürün sayfasındaki yol değiştiğinde, aynı URL üzerinde farklı kategori ilişkileri ortaya çıkabilir.

Ajans projeleri yürütülürken öncelikle ürünün birincil kategorisinin netleştirilmesi gerekir. Ürün sayfasında kullanıcıya sunulan görünür yol, iç bağlantı kurgusu ve schema işaretlemeleri birbiriyle uyumlu şekilde aynı ana kategoriyi göstermelidir.

Örnek:

Ana Sayfa > Kadın > Spor Ayakkabı > Koşu Ayakkabısı

“Yeni Sezon” gibi geçici koleksiyonlar ürüne bağlantı verebilir. Kampanya süresi sona erdiğinde ürünün ana kategori yolu değişmemelidir.

Sabit bir yol, ziyaretçinin üst kategoriye dönmesini kolaylaştırır. Teknik ekip de farklı ürün şablonlarında aynı kategori sırasını kullanabilir.

Breadcrumb Performansı Nasıl Ölçülür?

Teknik doğrulamanın başarılı olması, kullanıcıların bağlantıları kullandığı anlamına gelmez. Tıklamaların GA4 üzerinden izlenmesi, gezinme yolunun ürün keşfine ve kategori geçişlerine etkisini görmeyi sağlar.

GA4 üzerinde breadcrumb_click adında bir etkinlik oluşturulabilir. Etkinlikle birlikte şu parametreler gönderilebilir:

breadcrumb_level
breadcrumb_label
destination_url
page_type

Mobil ve masaüstü sonuçları, GA4’te cihaz kategorisi boyutuyla ayrı ayrı karşılaştırılabilir. Cihaz bilgisi standart raporlarda bulunduğu için aynı veriyi özel parametre olarak yeniden göndermek gerekmez.

Takip edilebilecek temel KPI’lar şunlardır:

Gezinme yolu tıklama oranı
Üst kategoriye geçiş oranı
Kategori sayfasında devam eden oturum oranı
Konum bağlantılarını kullanan oturumların dönüşüm oranı
Mobil ve masaüstü kullanım farkı

Özel etkinliklerin ve dönüşümlerin doğru tanımlanması için GA4 dönüşüm takibi kurulumunun standart bir isimlendirme ve parametre düzeniyle yapılması gerekir.

Ürün sayfalarında üst kategori bağlantılarına sık tıklanmasına rağmen kullanıcılar kategori sayfasından ayrılıyorsa sorun breadcrumb alanında olmayabilir. Ürün sıralaması, filtreler, kategori içeriği ve sayfa hızı ayrı ayrı kontrol edilmelidir.

Search Console ve teknik tarama araçları üzerinden schema hataları, taranamayan bağlantılar ve şablonlar arasında değişen kategori yolları da izlenmelidir.

Breadcrumb İçin Önerdiğimiz Kontrol Listesi

Düzenleme öncesinde ve esnasında şu kontroller tamamlanmalıdır:

Sayfanın ana kategorisi belirlenmiş mi?
Görünen yol gerçek kategori sırasını gösteriyor mu?
Üst seviyelerdeki bağlantılar <a href=””> ile oluşturulmuş mu?
Mevcut sayfa son öğede doğru biçimde gösteriliyor mu?
Sayfadaki yol ile BreadcrumbList kodu aynı mı?
Mobil görünümde doğrudan üst kategori görülebiliyor mu?
Navigasyon alanı ekran okuyucular için adlandırılmış mı?
Kod Rich Results Test ile kontrol edilmiş mi?
Filtre ve kampanya sayfaları ana kategori yolunu değiştiriyor mu?
Kullanıcı tıklamaları GA4 üzerinden ölçülüyor mu?

Soruların cevapları net değilse, önce kategori ve sayfa ilişkileri düzeltilmelidir. Görsel tasarıma geçmeden ana kategori yolunun belirlenmesi, sonradan yapılacak şablon değişikliklerini azaltır.

Önce Kategori Yapısını Düzeltin

Doğru hazırlanan bir breadcrumb yapısı, ziyaretçinin bulunduğu sayfayı anlamasını ve üst kategorilere dönmesini kolaylaştırır. SEO tarafındaki katkı ise taranabilir bağlantılar, anlaşılır kategori ilişkileri ve doğru schema kodu üzerinden ortaya çıkar.

Geniş ürün ağlarına sahip sitelerde kategori yolları düzenli olarak kontrol edilmelidir. Yeni filtreler, kampanya sayfaları ve ürün grupları eklendikçe görünür yol ile teknik işaretlemenin aynı kategori sırasını gösterdiğinden emin olunmalıdır.

Hatalı sayfa yolları çoğu zaman kategori ağındaki veya filtre URL’lerindeki daha büyük bir soruna dayanır. Kategori ilişkileri düzeltilmeden yapılan görsel değişiklikler, alttaki site mimarisi sorununu çözmez. Kalıcı iyileşme için önce sayfaların hangi ana kategoriye bağlanacağı netleştirilmelidir.

SIKÇA SORULAN SORULAR

Breadcrumb nedir?

Breadcrumb menü, kullanıcının bulunduğu sayfanın site içindeki konumunu gösteren ikincil navigasyon alanıdır. Üst kategoriye ve sayfalara daha hızlı geçiş yapılmasını sağlar.

Breadcrumb kullanmak arama sonuç sayfasında sıralamaları artırır mı?

Doğrudan ve garantili bir sıralama artışı sağlamaz. Sayfalar arasındaki ilişkinin anlaşılmasına, üst kategorilerin taranmasına ve masaüstü arama sonuçlarında daha açıklayıcı bir yol gösterilmesine yardımcı olabilir.

Tüm web sitelerinde breadcrumb kullanılmalı mı?

Hayır. Breadcrumb, özellikle çok katmanlı ve derin yapıya sahip sitelerde en iyi sonucu verir. Tek sayfalık veya az kategorili sitelerde gerekli olmayabilir. Önemli olan, kullanıcı için gerçekten faydalı olup olmayacağıdır.

Breadcrumb menüsünü tasarlarken yapılan en yaygın hata nedir?

En yaygın hatalardan biri, breadcrumb öğelerini birincil navigasyonla karıştırmaktır. Ayrıca “Buradasınız” gibi gereksiz metinler eklemek veya mevcut sayfayı kendisine bağlamak da kullanıcı deneyimini olumsuz etkiler. Temiz, sade ve alışılmış bir yapı tercih edilmelidir.

Breadcrumb bağlantı metni H1 ile aynı olmak zorunda mı?

Hayır. Bağlantı metni hedef kategoriyi doğru anlatmalı ve kısa olmalıdır. H1 veya URL’deki bütün kelimelerin bağlantı metninde tekrar edilmesi gerekmez.

Hayriye Yıldız

3 yılı aşkın SEO deneyimiyle dijital pazarlama ekosisteminde aktif rol almaktadır. Yeni bilgiler öğrenme ve bu bilgileri etkin biçimde hayata geçirme konusundaki yüksek motivasyonu, kariyer yolculuğunun temel yapı taşını oluşturmaktadır. Farklı sektörlerden edindiği deneyimler ise ona güçlü ve geniş bir perspektif kazandırmaktadır.

Satış Temsilcilerimizle İletişime Geç

0850 304 37 10