Breadcrumb (İçerik Haritası)

03/05/2023

Breadcrumb (İçerik Haritası) web sayfalarının hiyerarşisini göstermek ve kullanıcılara daha etkili bir web site gezintisi sağlayan yapıdır.

Breadcrumb uzunluğu sayfa derinliğine göre değişir, aşağıdaki örnekte Ana Sayfa (Junior to Expert) altındaki SEO kategorisinin altındaki “What is Canonical URL?” sayfasının breadcrumb yapısı 3 kırılımdan oluşuyor.

Örnek breadcrumb yapısı: 

Breadcrumb Example

Not: Breadcrumb yapısının son elemanına link verilmemelidir.


Google’ın ve diğer arama motorlarının web sayfasındaki hiyerarşiyi anlamaları için breadcrumb yapılandırılmış verilerini kullanmak gerekir.

Web site altyapısı bir CMS’e bağlı ise altyapı yapılandırılmış verileri kendisi oluşturabilir veya eklenti yardımı ile yapılandırılmış veri oluşturulabilir. Eğer breadcrumb yapılandırılmış verileri manuel oluşturulacaksa aşağıdaki format kullanabilir.

Yapılandırılmış veriler JSON-LD, RDFa veya Microdata gibi birden fazla farklı formatta oluşturulabilir.

<script type="application/ld+json">
{ 
 "@context": "https://schema.org", 
 "@type": "BreadcrumbList", 
 "itemListElement": [{ 
  "@type": "ListItem", 
  "position": 1, 
  "name": "Junior to Expert", 
  "item": "https://juniortoexpert.com/en/" 
 },{ 
  "@type": "ListItem", 
  "position": 2, 
  "name": "Web Design", 
  "item": "https://juniortoexpert.com/en/web-design/" 
 },{ 
  "@type": "ListItem", 
  "position": 3, 
  "name": "CSS", 
  "item": "https://juniortoexpert.com/en/web-design/css-en/" 
 },{ 
  "@type": "ListItem", 
  "position": 4, 
  "name": "CSS Margin Property" 
 }] 
}
</script>
<ol vocab="https://schema.org/" typeof="BreadcrumbList"> 
 <li property="itemListElement" typeof="ListItem"> 
  <a property="item" typeof="WebPage" href="https://juniortoexpert.com/en/"> 
   <span property="name">Junior to Expert</span>
  </a> 
  <meta property="position" content="1"> 
 </li> 
 › 
 <li property="itemListElement" typeof="ListItem"> 
  <a property="item" typeof="WebPage" href="https://juniortoexpert.com/en/web-design/"> 
   <span property="name">Web Design</span>
  </a> 
  <meta property="position" content="2"> 
 </li> 
 › 
 <li property="itemListElement" typeof="ListItem"> 
  <a property="item" typeof="WebPage" href="https://juniortoexpert.com/en/web-design/css-en/"> 
   <span property="name">CSS</span>
  </a> 
  <meta property="position" content="3"> 
 </li> 
 › 
 <li property="itemListElement" typeof="ListItem"> 
  <span property="name">CSS Margin Property</span> 
   <meta property="position" content="4"> 
 </li> 
</ol>

Not: Breadcrumb structured data üzerinde ana sayfayı eklemek zorunlu değil, Google ve schema.org kendi dokümanlarında ana sayfayı dahil etmiyor. Ana sayfanın dahil edilmesi veya edilmemesi bir fark oluşturmuyor.

Breadcrumb Structured Datasına Sahip Sayfanın SERP Görüntüsü

SERP View With Breadcrumb

Breadcrumb Structured Datasına Sahip Olmayan Sayfanın SERP Görüntüsü

SERP View Without Breadcrumb

Not: Breadcrumb yapılandırılmış verilerinin Search Console’a yansıması sayfaların yeniden taranması ve yeniden indekslenme süresine göre birkaç günü bulabilir.


Google’ın Breadcrumb Hakkında Yayınladığı Videolar

What are some best practices for indicating breadcrumbs?


Why aren’t breadcrumbs displaying in search results for my site?


Can I place multiple breadcrumbs on a page?