Blog · 27 Ekim 2026

Breadcrumb Nedir? Kırıntı Navigasyonu ve BreadcrumbList Yapılandırılmış Verisi

Breadcrumb (Türkçede kırıntı navigasyonu veya içerik haritası), ziyaretçiye sitede hangi sayfada bulunduğunu ve o sayfaya hangi üst bölümlerden geçilerek ulaşıldığını gösteren, genellikle sayfanın üst kısmında yer alan yatay bir bağlantı dizisidir. Tipik bir örnek "Ana Sayfa > Ayakkabı > Kadın Ayakkabı > Topuklu Ayakkabı" şeklindedir. Arama motorları açısından breadcrumb, hem sitenin hiyerarşisini anlatan bir iç link yapısı hem de BreadcrumbList yapılandırılmış verisiyle işaretlendiğinde arama sonucunda gösterilebilen bir yol bilgisidir.

Adını Hansel ile Gretel masalında ormanda yolu kaybetmemek için yere bırakılan ekmek kırıntılarından alır. Bu rehberde breadcrumb türlerini, kullanıcıya ve SEO'ya sağladığı faydayı, doğru HTML işaretlemesini, BreadcrumbList JSON-LD örneğini, e-ticaret sitelerinde birden fazla kategoriye bağlı ürünlerde hangi yolun gösterileceğini ve en sık yapılan hataları adım adım ele alıyoruz.

Breadcrumb ne işe yarar?

Breadcrumb küçük bir arayüz öğesidir ama üç ayrı işi aynı anda görür:

Konum bilgisi verir: Bir ürün veya blog yazısına aramadan, reklamdan ya da sosyal medyadan doğrudan gelen ziyaretçi ana sayfayı hiç görmemiştir. Breadcrumb ona "bu sayfa şu bölümün içinde" bilgisini tek satırda verir.
Üst seviyeye geçişi kolaylaştırır: Aradığı ürün tam olarak bu değilse ziyaretçi bir üst kategoriye tek tıkla çıkabilir. Geri tuşuna basıp arama sonuçlarına dönmek yerine sitede kalmasının en kolay yolu budur.
Arama motoruna yapıyı anlatır: Her breadcrumb öğesi bir iç linktir. Derin sayfalardan üst kategorilere düzenli olarak verilen bu linkler hem tarama yolunu kısaltır hem de kategori sayfalarının sitedeki önemini pekiştirir.

Breadcrumb türleri

Literatürde genellikle üç tür breadcrumb anlatılır. Bunlardan yalnız ikisi bugün önerilen kullanımlardır.

Tür	Neyi gösterir	Örnek	Öneri
Hiyerarşi (konum) tabanlı	Sayfanın site yapısındaki yeri	Ana Sayfa > Blog > Teknik SEO > Breadcrumb Nedir	En yaygın ve en güvenli seçim
Özellik (nitelik) tabanlı	Seçilen filtreler ve özellikler	Ana Sayfa > Ayakkabı > Siyah > 38 Numara	Filtreli e-ticaret listelerinde kullanışlı, dikkatli kurulmalı
Geçmiş (yol) tabanlı	Ziyaretçinin o oturumda gezdiği sayfalar	Ana Sayfa > Kampanyalar > Ürün A > Ürün B	Önerilmez

Hiyerarşi tabanlı breadcrumb

Sayfanın, ziyaretçinin oraya nasıl geldiğinden bağımsız olarak sitedeki sabit yerini gösterir. Aynı URL her zaman aynı yolu gösterir; bu tutarlılık hem kullanıcı hem arama motoru için en anlaşılır modeldir. Kurumsal siteler, bloglar, haber siteleri ve e-ticaret ürün sayfalarında varsayılan tercih budur.

Özellik tabanlı breadcrumb

Ziyaretçinin uyguladığı filtreleri bir yol gibi gösterir. Kullanıcı deneyimi açısından faydalıdır çünkü hangi filtrelerin açık olduğunu ve birini kaldırmanın nasıl yapılacağını gösterir. Ancak her filtre kombinasyonu ayrı bir URL üretiyorsa, bu sayfaların hangisinin dizine girmesi gerektiğini ayrıca düşünmek gerekir. Filtre URL'lerinde kopya içerik sorununu yönetmek için canonical URL kurgusu ile breadcrumb kurgusu birlikte planlanmalıdır.

Geçmiş tabanlı breadcrumb neden önerilmez?

Geçmiş tabanlı breadcrumb, tarayıcının geri tuşunun yaptığı işi tekrar eder ve aynı sayfanın her ziyaretçide farklı bir yol göstermesine yol açar. Arama motoru botu bir oturum geçmişine sahip olmadığı için bu yolu anlamlı biçimde okuyamaz, yapılandırılmış veriyle de tutarlı biçimde işaretlenemez. Ziyaretçi için de kafa karıştırıcıdır: yol, sayfanın gerçekte nerede durduğunu değil, o kişinin rastgele gezinmesini anlatır. Bu nedenle modern sitelerde kullanılmaz.

Breadcrumb'ın SEO'ya faydası

Breadcrumb doğrudan bir sıralama sinyali olarak pazarlanmamalıdır; etkisi, sitenin yapısını daha okunur hale getirmesinden gelir. Somut faydalar şunlardır:

Tutarlı iç link ağı: Yüzlerce ürün sayfasının her biri kendi kategorisine ve üst kategorisine link verir. Bu, kategori sayfalarına sitenin içinden düzenli link akışı sağlar ve bu sayfaların daha güçlü görünmesine yardımcı olur.
Tarama derinliğinin azalması: Bot bir ürün sayfasına ulaştığında breadcrumb sayesinde üst seviyelere ve oradan kardeş sayfalara kolayca geçer. Yetim kalmış ya da çok derinde duran sayfaların keşfedilme ihtimali artar.
Konu ilişkisini anlatması: "Kadın Ayakkabı > Topuklu Ayakkabı" yolu, sayfanın hangi konu kümesine ait olduğunu açıkça söyler. Breadcrumb metinleri aynı zamanda iç link anchor metni işlevi görür.
Arama sonucunda daha anlaşılır görünüm: BreadcrumbList verisi işaretlendiğinde Google, arama sonucunda ham URL yerine okunabilir bir yol gösterebilir.
Kullanıcı davranışına dolaylı katkı: Ziyaretçi aradığını bulamadığında sitede bir üst kategoriye geçiyorsa oturum sürer, hemen çıkış azalır.

Breadcrumb'ı, site mimarisini düzenleyen daha geniş bir teknik SEO çalışmasının parçası olarak düşünmek en doğrusudur: düzgün URL yapısı, sitemap, iç linkleme ve breadcrumb aynı hiyerarşiyi farklı yerlerde tekrar eder.

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

Google, bir sonucun URL'sini gösterirken sitenin yapılandırılmış verisinden ya da URL yolundan türettiği bir breadcrumb kullanabilir. Örneğin "ornek.com > Blog > Teknik SEO" gibi bir satır, uzun ve parametreli bir URL'den çok daha anlaşılırdır. Bu görünüm, ziyaretçinin tıklamadan önce sayfanın sitenin hangi bölümünde olduğunu anlamasına yardım eder.

Ancak bu gösterim sabit değildir. Google arama sonucu tasarımını zaman zaman değiştirir; mobil sonuçlarda URL satırını sadeleştirerek yalnız alan adını gösterdiği dönemler olmuştur ve masaüstü ile mobil görünüm birbirinden farklı olabilir. Bu yüzden breadcrumb işaretlemesini "arama sonucunda kesin görünecek bir süs" olarak değil, sayfanın yapısını arama motoruna açıkça bildiren bir veri olarak görmek gerekir. Görünüm değişse de veri, sayfanın site içindeki yerini anlatmaya devam eder. Arama sonuçlarındaki öğelerin genel yapısı için SERP nedir yazısına bakabilirsiniz.

Breadcrumb için doğru HTML yapısı

Görünen breadcrumb'ın erişilebilir ve anlamlı olması için şu kurallar yeterlidir:

Breadcrumb'ı bir <nav> öğesi içine alın ve aria-label="Breadcrumb" (veya Türkçe sitede "İçerik haritası") verin. Ekran okuyucular bu bölgeyi ayrı bir gezinme alanı olarak duyurur.
Öğeler sıralı olduğu için <ol> kullanın. Sıra anlam taşır.
Son öğe bulunduğunuz sayfadır; link vermeyin ve aria-current="page" ile işaretleyin.
Ayraçları (>, /, ok simgesi) CSS ile ekleyin; HTML metnine koyarsanız ekran okuyucular bunları da tek tek okur.

Örnek işaretleme:

<nav aria-label="Breadcrumb">
  <ol class="breadcrumb">
    <li><a href="https://www.ornek.com/">Ana Sayfa</a></li>
    <li><a href="https://www.ornek.com/ayakkabi/">Ayakkabı</a></li>
    <li><a href="https://www.ornek.com/ayakkabi/kadin/">Kadın Ayakkabı</a></li>
    <li aria-current="page">Siyah Topuklu Ayakkabı</li>
  </ol>
</nav>

Ayraç için basit bir CSS kuralı yeterlidir:

.breadcrumb li + li::before {
  content: ">";
  padding: 0 6px;
  color: #888;
}

BreadcrumbList JSON-LD örneği

Görünen breadcrumb kullanıcı içindir; arama motoruna aynı yolu makine tarafından okunur biçimde bildirmek için schema.org sözlüğündeki BreadcrumbList türü kullanılır. Google'ın önerdiği biçim JSON-LD'dir ve sayfanın <head> veya <body> bölümüne eklenebilir. Yapılandırılmış verinin genel mantığını, diğer türleri ve uygulama yöntemlerini yapılandırılmış veri nedir yazısında ayrıntılı anlattık; burada yalnız breadcrumb'a özgü kısmı ele alıyoruz.

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "Ana Sayfa",
      "item": "https://www.ornek.com/"
    },
    {
      "@type": "ListItem",
      "position": 2,
      "name": "Ayakkabı",
      "item": "https://www.ornek.com/ayakkabi/"
    },
    {
      "@type": "ListItem",
      "position": 3,
      "name": "Kadın Ayakkabı",
      "item": "https://www.ornek.com/ayakkabi/kadin/"
    },
    {
      "@type": "ListItem",
      "position": 4,
      "name": "Siyah Topuklu Ayakkabı"
    }
  ]
}
</script>

Alanların anlamı:

Alan	Açıklama	Dikkat edilecek nokta
`itemListElement`	Yoldaki tüm adımların listesi	En az iki öğe olmalı; tek öğeli breadcrumb anlam taşımaz
`position`	Öğenin sırası	1'den başlar, atlama olmadan artar
`name`	Kullanıcının göreceği başlık	Görünen breadcrumb metniyle aynı olmalı
`item`	O adımın URL'si	Mutlak URL kullanın; son öğede (mevcut sayfa) verilmeyebilir

Uygulama adımları

Site hiyerarşisini çıkarın: hangi sayfa türü (ürün, kategori, yazı, hizmet) hangi üst sayfaya bağlı?
Her sayfa türü için yolun şablonda nereden üretileceğini belirleyin. Yol elle yazılmamalı, kategori ilişkisinden otomatik türemelidir.
Görünen breadcrumb'ı ve JSON-LD'yi aynı veri kaynağından üretin. Böylece ikisi asla birbirinden ayrışmaz.
URL'lerin canonical sürümleriyle aynı olduğundan emin olun (https, www tercihi, sondaki eğik çizgi).
Birkaç örnek sayfayı Zengin Sonuç Testi'nden geçirin, sonra yayına alın.
Yayından sonraki haftalarda Search Console raporunu izleyin.

E-ticarette çoklu kategori: hangi yol gösterilmeli?

E-ticaret sitelerindeki en sık soru şudur: Bir ürün hem "Kadın Ayakkabı > Topuklu" hem de "Kampanyalar > Yaz İndirimi" kategorisinde listeleniyorsa breadcrumb hangisini göstermeli?

Pratik ve tutarlı çözüm, her ürün için bir ana kategori (birincil kategori) belirlemektir. Breadcrumb ve BreadcrumbList verisi her zaman bu ana kategoriyi kullanır; ziyaretçi ürüne kampanya listesinden gelmiş olsa bile yol değişmez. Ana kategori seçerken şu ölçütler işe yarar:

Kalıcılık: Kampanya, sezon ve "yeni gelenler" gibi geçici listeler ana kategori olmamalı. Kampanya bitince breadcrumb'daki link de anlamsızlaşır.
Arama talebi: Ürünün aranma biçimine en yakın kategori seçilmeli. Kullanıcılar "topuklu ayakkabı" arıyorsa ana kategori odur.
Özgüllük: En geniş değil, ürünü en iyi tanımlayan en dar kategori seçilmeli.
URL ile uyum: Ürün URL'si kategori yolu içeriyorsa breadcrumb ile aynı yolu izlemeli; içermiyorsa bile canonical URL tek olmalı.

Schema.org teknik olarak bir sayfada birden fazla BreadcrumbList bulunmasına izin verir ve Google da birden çok yol işaretlemesini okuyabilir. Yine de bunu yalnız gerçekten iki eşit derecede anlamlı yol varsa ve ikisi de sayfada görünür olarak sunuluyorsa düşünün. Çoğu mağaza için tek, kalıcı bir ana kategori yolu hem yönetimi kolay hem de daha anlaşılırdır. Kategori mimarisinin bütününü e-ticaret SEO rehberinde ele aldık.

Mobilde breadcrumb tasarımı

Mobil ekranda dört beş seviyeli bir yol birkaç satıra taşar ve içeriğin üstünde gereksiz yer kaplar. Sık kullanılan çözümler:

Yatay kaydırma: Yol tek satırda kalır, taşan kısım yana kaydırılır. Son öğe görünür olacak şekilde başlangıç konumu ayarlanmalıdır.
Kısaltma: Ana sayfa ile son iki seviye gösterilir, aradaki seviyeler üç nokta ile gizlenir ve dokununca açılır.
Yalnız bir üst seviye: "< Kadın Ayakkabı" gibi tek bir geri bağlantısı gösterilir. Ekranda en az yer kaplayan seçenektir.
Dokunma alanı: Linkler parmakla rahat basılabilecek büyüklükte ve aralıkta olmalı; birbirine çok yakın küçük linkler yanlış tıklamaya yol açar.

Mobilde görsel olarak kısaltılmış bir yol kullanıyorsanız bile HTML'de ve JSON-LD'de tam yolun bulunması önemlidir. Görünümü CSS ile kısaltmak sorun değildir; yolun kendisini mobil sürümden kaldırmak ise mobil öncelikli dizinlemede bu bilginin kaybolması anlamına gelir.

Yaygın breadcrumb hataları

Uygulamada en sık karşılaşılan hatalar ve çözümleri:

Hata	Neden sorun	Çözüm
Son öğeye (mevcut sayfaya) link vermek	Sayfa kendine link verir, kullanıcı tıklayınca aynı sayfa yenilenir	Son öğeyi düz metin yapın, `aria-current="page"` ekleyin
JSON-LD ile görünen yolun uyuşmaması	İşaretleme sayfada görünmeyen bilgiyi anlatır; güvenilirliği düşer	İkisini aynı veri kaynağından üretin
Göreli veya yanlış URL kullanmak	Yönlendirme veya 404'e giden adımlar oluşur	Mutlak, canonical ve 200 dönen URL kullanın
Position sırasında atlama	Yol eksik veya hatalı okunur	1, 2, 3 diye kesintisiz numaralandırın
Kampanya kategorisini yol yapmak	Kampanya bitince link kırılır veya boş kategoriye gider	Kalıcı ana kategoriyi kullanın
Ana sayfa adını her sayfada farklı yazmak	Tutarsızlık; bazen marka, bazen "Anasayfa"	Tek bir ad belirleyin
Breadcrumb'ı yalnız JavaScript ile sonradan eklemek	Render gecikirse veya hata olursa yol hiç görünmez	Sunucu tarafında, HTML ile birlikte üretin
Tek öğeli breadcrumb	Hiyerarşi bilgisi taşımaz	Ana sayfada breadcrumb göstermeyin; diğer sayfalarda en az iki adım olsun

Ayrıca bir sayfanın breadcrumb'ı, o sayfanın URL'si ve iç linklerdeki konumu birbirine zıt sinyaller veriyorsa (örneğin URL "/blog/" altında ama breadcrumb "Hizmetler" altında görünüyorsa) arama motoru için sitenin yapısı belirsizleşir. Yapı tek bir doğrudan beslenmelidir.

Search Console'da içerik haritası raporu

BreadcrumbList verisi Google tarafından algılandığında, Search Console'un geliştirmeler veya yapılandırılmış veri ile ilgili bölümünde içerik haritası (breadcrumb) için ayrı bir rapor görünür. Bu rapor genel olarak üç tür bilgi verir:

Geçerli öğeler: Sorunsuz okunan breadcrumb işaretlemeleri ve bunları içeren sayfa sayısı.
Uyarılar: Okunabilen ama önerilen bir alanı eksik olan öğeler.
Hatalar (geçersiz öğeler): Zorunlu alan eksikliği, yanlış veri türü veya geçersiz URL gibi nedenlerle kullanılamayan işaretlemeler.

Raporda bir sorun türüne tıkladığınızda o sorunu taşıyan örnek URL'leri görürsünüz. Breadcrumb şablondan üretildiği için bir hata genellikle tek bir sayfada değil, aynı şablonu kullanan tüm sayfa grubunda görülür; düzeltmeyi şablonda yapıp ardından rapordaki doğrulama seçeneğiyle Google'dan yeniden kontrol isteyebilirsiniz. Search Console'un genel kullanımı ve diğer raporları için Google Search Console nedir yazısına göz atabilirsiniz.

Breadcrumb düzenlemesinden sonra etkiyi ölçmek isterseniz, ilgili sayfa grubunun gösterim ve tıklama eğilimini düzenleme öncesi ve sonrasıyla karşılaştırmak en sağlıklı yoldur. SEO Analytics gibi Search Console verisini sayfa grubu bazında okuyan bir panel, özellikle kategori ve ürün şablonlarında yapılan bu tür değişikliklerin trafiğe yansımasını takip etmeyi kolaylaştırır.

Zengin Sonuç Testi ile kontrol

Yayına almadan önce ve sonra Google'ın Zengin Sonuç Testi aracıyla breadcrumb işaretlemesini kontrol edin:

Aracı açın ve test etmek istediğiniz sayfanın URL'sini girin. Henüz yayında olmayan bir şablonu test ediyorsanız kod parçasını yapıştırma seçeneğini kullanın.
Test tamamlandığında algılanan yapılandırılmış veri türleri arasında içerik haritasının (breadcrumb) listelendiğini doğrulayın.
Öğeyi açıp her adımın adını, sırasını ve URL'sini görünen breadcrumb ile karşılaştırın.
Uyarı veya hata varsa açıklamasını okuyun; çoğu zaman eksik name, yanlış yazılmış alan adı veya geçersiz URL'dir.
Farklı sayfa türlerinden (kategori, ürün, yazı) en az birer örnek test edin; her şablon ayrı bir hata kaynağıdır.

Zengin Sonuç Testi yalnız Google'ın zengin sonuç olarak kullanabildiği türleri değerlendirir. Schema.org sözlüğüne genel uygunluğu görmek için Schema Markup Validator da kullanılabilir.

Breadcrumb kontrol listesi

Hiyerarşi tabanlı bir yol kullanılıyor; geçmiş tabanlı yol yok.
Breadcrumb <nav aria-label="..."> ve <ol> içinde.
Son öğe link değil, aria-current="page" ile işaretli.
Ayraçlar CSS ile ekleniyor.
BreadcrumbList JSON-LD mevcut, position değerleri kesintisiz.
JSON-LD'deki adlar ve URL'ler görünen yolla birebir aynı.
Tüm URL'ler mutlak, canonical ve 200 durum kodu dönüyor.
E-ticarette her ürün için kalıcı bir ana kategori tanımlı.
Mobilde yol okunabilir; görünüm kısaltılsa bile HTML'de tam yol var.
Breadcrumb sunucu tarafında, sayfa HTML'iyle birlikte üretiliyor.
Zengin Sonuç Testi'nde her şablondan bir örnek hatasız geçti.
Search Console içerik haritası raporu düzenli izleniyor.

Sık sorulan sorular

Breadcrumb ile içerik haritası aynı şey mi?

Evet. Google'ın Türkçe arayüzlerinde breadcrumb için "içerik haritası" ifadesi kullanılır; Türkçe kaynaklarda "kırıntı navigasyonu" da aynı anlama gelir. XML sitemap ile karıştırılmamalıdır; sitemap tüm URL'leri listeleyen ayrı bir dosyadır.

Breadcrumb sıralamayı doğrudan yükseltir mi?

Breadcrumb tek başına bir sıralama garantisi değildir. Faydası dolaylıdır: site yapısını netleştirir, iç link akışını düzenler, taramayı kolaylaştırır ve arama sonucunda daha anlaşılır bir görünüm sağlayabilir.

Ana sayfada breadcrumb gerekli mi?

Hayır. Ana sayfa hiyerarşinin en üstündedir ve gösterecek bir üst seviyesi yoktur. Breadcrumb ana sayfanın altındaki sayfalarda kullanılır.

BreadcrumbList verisini sadece JSON-LD ile eklemek yeterli mi?

Teknik olarak işaretleme okunabilir, ancak yapılandırılmış veri sayfada kullanıcıya görünen içeriği yansıtmalıdır. En doğru uygulama, görünen bir breadcrumb ile aynı yolu anlatan JSON-LD'yi birlikte kullanmaktır.