Kapsamlı internet sitelerinde kullanıcıların hangi sayfada bulunduğunu ve mevcut sayfaya hangi kategoriler üzerinden ulaşıldığını anlaması her zaman kolay olmayabilir. Özellikle çok sayıda kategori, alt kategori, ürün veya blog içeriği bulunan sitelerde kullanıcıların site içerisindeki konumunu gösteren yardımcı navigasyon sistemlerine ihtiyaç duyulur.

Breadcrumb, bir web sayfasının internet sitesi hiyerarşisindeki yerini gösteren bağlantı dizisidir. Türkçede ekmek kırıntısı navigasyonu veya sayfa yolu olarak adlandırılabilir.

Bir e-ticaret sitesindeki breadcrumb yapısı şu şekilde olabilir:

Ana Sayfa > Elektronik > Cep Telefonları > Akıllı Telefonlar

Bir blog içeriğinde ise şu yapı kullanılabilir:

Ana Sayfa > Blog > SEO > Breadcrumb Nedir?

Breadcrumb bağlantıları sayesinde kullanıcı mevcut sayfanın hangi kategori altında bulunduğunu görebilir ve üst kategorilere kolayca dönebilir. Bu sistem aynı zamanda internet sitesinin içerik hiyerarşisinin arama motorları tarafından anlaşılmasına yardımcı olabilir.

Breadcrumb kullanımının temel özelliklerini incelemek için breadcrumb nedir içeriğinden yararlanılabilir.

Breadcrumb Ne Demektir?

Breadcrumb kelimesinin doğrudan Türkçe karşılığı ekmek kırıntısı anlamına gelir. Kavram, kullanıcıların geçtiği yolu geride bırakılan ekmek kırıntıları üzerinden takip ettiği Hansel ve Gretel hikâyesinden esinlenmiştir.

Web tasarımında breadcrumb, kullanıcının site içerisindeki konumunu takip edebilmesini sağlayan bağlantı yolunu ifade eder.

Örneğin kullanıcı bir erkek koşu ayakkabısı ürününü inceliyorsa aşağıdaki yapıyı görebilir:

Ana Sayfa > Ayakkabı > Erkek Ayakkabı > Koşu Ayakkabıları > Ürün Adı

Bu yol kullanıcının:

Ürünün hangi kategoriye ait olduğunu anlamasını
Bir üst kategoriye dönmesini
Benzer ürünleri incelemesini
Site içerisinde kaybolmadan hareket etmesini

kolaylaştırabilir.

Breadcrumb, ana menünün yerine kullanılan bir navigasyon sistemi değildir. Ana menü, mobil menü ve site içi arama gibi yöntemleri destekleyen ikincil navigasyon öğesidir.

Breadcrumb Ne İşe Yarar?

Breadcrumb hem kullanıcı deneyimi hem de site mimarisi açısından farklı amaçlarla kullanılabilir.

Kullanıcının Konumunu Gösterir

Kullanıcı, bulunduğu sayfanın site hiyerarşisindeki yerini breadcrumb üzerinden görebilir.

Bu özellik özellikle aşağıdaki site türlerinde önemlidir:

E-ticaret siteleri
Haber platformları
Bloglar
Firma rehberleri
Eğitim siteleri
Dokümantasyon sayfaları
Ürün katalogları
Çok kategorili kurumsal siteler

Kullanıcı bir arama motoru veya reklam üzerinden doğrudan alt sayfaya gelmiş olabilir. Bu durumda ana sayfadan itibaren izlenen kategorileri breadcrumb sayesinde anlayabilir.

Üst Kategorilere Geçiş Sağlar

Kullanıcı mevcut sayfadan bir üst kategoriye dönmek istediğinde tarayıcının geri düğmesini kullanmak zorunda kalmaz.

Örneğin bir ürün sayfasında bulunan kullanıcı, breadcrumb içerisindeki ürün kategorisine tıklayarak benzer ürünleri listeleyebilir.

Site Hiyerarşisini Açıklar

Breadcrumb, sayfalar arasındaki üst ve alt ilişkileri açık biçimde gösterir.

Bu yapı arama motorlarının:

Sayfanın hangi kategoriye bağlı olduğunu
Kategoriler arasındaki ilişkiyi
Sitenin içerik mimarisini
Önemli üst düzey sayfaları

anlamasına yardımcı olabilir.

Dahili Bağlantı Oluşturur

Breadcrumb içerisindeki kategori ve sayfa bağlantıları, site içerisinde doğal bir dahili bağlantı yapısı oluşturur.

Dahili bağlantılar sayesinde kullanıcılar ilgili sayfalara geçebilir ve arama motoru botları siteyi daha kolay tarayabilir.

Bağlantıların temel yapısını öğrenmek için hyperlink nedir içeriği incelenebilir.

Arama Sonucu Görünümünü Destekleyebilir

Doğru breadcrumb yapısı ve uygun yapılandırılmış veri kullanımı, arama motorlarının sonuçlarda karmaşık URL yerine anlaşılır bir sayfa yolu göstermesine yardımcı olabilir.

Örneğin uzun ve parametreli bir URL yerine şu yol görüntülenebilir:

Soft Ajans > Blog > SEO

Bu görünüm kullanıcının sayfanın hangi bölümde bulunduğunu daha kolay anlamasını sağlayabilir.

Yapılandırılmış verilerin arama sonuçlarındaki kullanımı için Google rich snippets rehberinden yararlanılabilir.

Breadcrumb SEO İçin Önemli midir?

Breadcrumb SEO, tek başına sıralama sağlayan bağımsız bir çalışma olarak değerlendirilmemelidir. Ancak kullanıcı deneyimini, dahili bağlantıları ve site hiyerarşisini desteklediği için SEO çalışmalarının önemli bir parçası olabilir.

Breadcrumb kullanımının SEO açısından sağlayabileceği katkılar şunlardır:

Arama motorlarının site yapısını anlamasını kolaylaştırabilir.
Kategori ve alt kategori ilişkilerini gösterebilir.
Dahili bağlantı yapısını destekleyebilir.
Arama sonuçlarında anlaşılır sayfa yolu oluşturabilir.
Kullanıcıların site içerisinde daha fazla sayfa incelemesini sağlayabilir.
Yetim sayfaların azaltılmasına yardımcı olabilir.
Derin sayfaların taranmasını kolaylaştırabilir.

Breadcrumb çalışmaları, kapsamlı bir site içi SEO optimizasyonu planı içerisinde değerlendirilmelidir.

Breadcrumb Türleri Nelerdir?

Breadcrumb sistemleri kullanım amaçlarına göre farklı türlere ayrılabilir.

Hiyerarşi Temelli Breadcrumb

Hiyerarşi temelli breadcrumb, sayfanın site mimarisindeki konumunu gösterir. En yaygın kullanılan breadcrumb türüdür.

Örnek:

Ana Sayfa > Hizmetler > SEO Hizmetleri > Teknik SEO

Bu sistemde her bağlantı mevcut sayfanın üst seviyelerinden birini temsil eder.

Hiyerarşi temelli breadcrumb özellikle:

Kurumsal web sitelerinde
Bloglarda
E-ticaret sitelerinde
Hizmet sayfalarında
Kategori yapısı bulunan sitelerde

kullanılabilir.

Geçmiş Temelli Breadcrumb

Geçmiş temelli breadcrumb, kullanıcının site içerisinde ziyaret ettiği önceki sayfaları gösterebilir.

Örnek:

Arama Sonuçlarına Dön > Erkek Ayakkabıları > Ürün Sayfası

Bu yapı tarayıcının geri düğmesine benzer biçimde çalışır. Ancak kullanıcının siteye hangi sayfadan geldiğine göre değişebildiği için kalıcı site hiyerarşisini göstermeyebilir.

SEO ve site mimarisi açısından çoğunlukla hiyerarşi temelli breadcrumb tercih edilir.

Özellik Temelli Breadcrumb

Özellik temelli breadcrumb, kullanıcının seçtiği kategori, filtre veya ürün özelliklerini gösterir.

Örnek:

Ana Sayfa > Ayakkabı > Erkek > Siyah > 42 Numara

Bu breadcrumb türü özellikle geniş ürün kataloğuna sahip e-ticaret sitelerinde kullanılabilir.

Ancak özellik temelli breadcrumb hazırlanırken filtre URL’lerinin kontrolsüz biçimde dizine eklenmesi önlenmelidir. Renk, beden, fiyat ve marka filtrelerinin her kombinasyonu ayrı URL oluşturursa çok sayıda düşük değerli sayfa ortaya çıkabilir.

Filtre ve kategori yapıları e-ticaret SEO kapsamında canonical, noindex ve dahili bağlantı ayarlarıyla birlikte değerlendirilmelidir.

Breadcrumb Türleri Karşılaştırması

Breadcrumb türü	Gösterdiği bilgi	Kullanım alanı	SEO açısından yaklaşım
Hiyerarşi temelli	Sayfanın site yapısındaki konumu	Kurumsal site, blog, e-ticaret	Genellikle en uygun ve anlaşılır yapı
Geçmiş temelli	Kullanıcının ziyaret ettiği önceki sayfalar	Özel kullanıcı akışları	Kalıcı hiyerarşi sunmadığı için sınırlı
Özellik temelli	Seçilen kategori ve filtreler	Büyük e-ticaret siteleri	Filtre URL’leri dikkatli yönetilmelidir

Breadcrumb Nasıl Kullanılır?

Breadcrumb oluşturulurken yalnızca görsel bir bağlantı satırı eklemek yeterli değildir. Site mimarisi, bağlantılar ve yapılandırılmış veri birlikte planlanmalıdır.

Site Hiyerarşisi Belirlenir

Öncelikle sayfaların hangi kategori ve alt kategorilere bağlı olduğu belirlenmelidir.

Örnek bir hizmet sitesi yapısı:

Ana Sayfa > Hizmetler > Dijital Pazarlama > SEO Danışmanlığı

Örnek bir blog yapısı:

Ana Sayfa > Blog > Web Tasarım > Responsive Web Tasarım

Örnek bir e-ticaret yapısı:

Ana Sayfa > Elektronik > Bilgisayar > Dizüstü Bilgisayar > Ürün Adı

Site yapısı karmaşıksa breadcrumb da karmaşık hale gelir. Bu nedenle önce sayfa mimarisi sadeleştirilmelidir.

Profesyonel site planlamasının aşamaları için web sitesi nasıl yapılır içeriğinden yararlanılabilir.

Ana Sayfa Bağlantısı Eklenir

Breadcrumb çoğunlukla ana sayfayla başlar.

Örnek:

Ana Sayfa > Blog > SEO > Breadcrumb Nedir?

Ana sayfa bağlantısı metin olarak veya ev simgesiyle gösterilebilir. Yalnızca simge kullanılacaksa erişilebilirlik için açıklayıcı metin tanımlanması yararlı olur.

Kategori ve Alt Kategoriler Eklenir

Mevcut sayfaya ulaşan üst kategoriler mantıklı sırayla gösterilmelidir.

Kategori ilişkileri gerçek site mimarisiyle uyumlu olmalıdır. Yalnızca anahtar kelime kullanmak amacıyla gerçekte bulunmayan kategori seviyeleri oluşturulmamalıdır.

Mevcut Sayfa Son Sırada Gösterilir

Kullanıcının bulunduğu sayfa breadcrumb dizisinin sonunda yer alabilir.

Örnek:

Ana Sayfa > SEO > Teknik SEO > Breadcrumb Nedir?

Mevcut sayfanın bağlantı olarak sunulması zorunlu değildir. Genellikle son öğe metin olarak gösterilir ve diğer bağlantılardan görsel olarak ayrılır.

Ayırıcı İşaret Kullanılır

Breadcrumb öğeleri arasında görsel ayırıcılar kullanılabilir.

Yaygın ayırıcılar şunlardır:

>
/
→
›
»

Ayırıcı işaret yalnızca görsel amaç taşır. Ekran okuyucuların her ayırıcıyı gereksiz biçimde okuması önlenebilir.

Bağlantı Metinleri Anlaşılır Yazılır

Breadcrumb bağlantılarında kategori adları açık ve kısa olmalıdır.

Doğru örnek:

Ana Sayfa > SEO > Teknik SEO

Anlaşılması zor örnek:

Ana Sayfa > Kategori 24 > Alt Bölüm 8

Bağlantı metinleri hem kullanıcıya hem de arama motoruna hedef sayfa hakkında bilgi vermelidir.

Bağlantı metinlerinin SEO açısından kullanımını öğrenmek için anchor text nedir içeriği incelenebilir.

İyi Bir Breadcrumb Yapısı Nasıl Olmalıdır?

Başarılı bir breadcrumb yapısı aşağıdaki özelliklere sahip olmalıdır:

Site hiyerarşisini doğru göstermelidir.
Ana sayfadan mevcut sayfaya doğru sıralanmalıdır.
Üst kategori bağlantıları tıklanabilir olmalıdır.
Kısa ve anlaşılır kategori adları kullanılmalıdır.
Mobil cihazlarda rahat kullanılmalıdır.
Ana menünün yerine geçmemelidir.
Görünür yapı ile schema verisi eşleşmelidir.
Gereksiz kategori seviyeleri içermemelidir.
Sayfanın üst bölümünde kolay bulunabilmelidir.
Bütün benzer sayfalarda tutarlı biçimde kullanılmalıdır.

Breadcrumb Nerede Bulunmalıdır?

Breadcrumb genellikle:

Site üst menüsünün altında
Sayfa başlığının üzerinde
İçerik alanının başlangıcında

konumlandırılır.

Örnek sayfa sıralaması şu şekilde olabilir:

Ana menü
Breadcrumb
H1 başlığı
Sayfa içeriği

Breadcrumb sayfanın alt bölümünde veya kullanıcıların göremeyeceği bir yerde bulunursa navigasyon amacı zayıflar.

Bununla birlikte tasarım kararları sitenin yapısına göre değişebilir. Önemli olan breadcrumb alanının kullanıcı tarafından kolayca fark edilmesi ve içeriğin önüne geçmemesidir.

Kurumsal sitelerde navigasyon ve içerik yapısının önemi için kurumsal web tasarım neden şirketler için hayati önem taşır içeriği incelenebilir.

Mobil Cihazlarda Breadcrumb Nasıl Kullanılmalıdır?

Mobil ekranlarda yatay alan sınırlı olduğu için uzun breadcrumb yolları taşma sorunu oluşturabilir.

Mobil breadcrumb tasarımında:

Gereksiz kategori seviyeleri azaltılabilir.
Uzun başlıklar kısaltılabilir.
Yatay kaydırma kontrollü biçimde kullanılabilir.
Bir üst kategori öncelikli gösterilebilir.
Yazı boyutu okunabilir tutulabilir.
Bağlantılar dokunmatik kullanıma uygun hazırlanabilir.
Ayırıcılarla bağlantılar arasında yeterli boşluk bırakılabilir.

Breadcrumb metninin aşırı küçültülmesi kullanıcıların bağlantılara dokunmasını zorlaştırabilir.

Mobil kullanılabilirlik ve SEO ilişkisi için mobil SEO rehberinden yararlanılabilir.

Breadcrumb ile Ana Menü Arasındaki Fark Nedir?

Ana menü ve breadcrumb birbirini destekleyen ancak farklı amaçlara sahip navigasyon sistemleridir.

Özellik	Ana menü	Breadcrumb
Temel amaç	Sitenin önemli bölümlerine erişim sağlamak	Mevcut sayfanın hiyerarşisini göstermek
Konum	Sayfanın üst veya yan bölümü	Genellikle başlığın üzerinde
İçerik	Ana kategoriler ve önemli sayfalar	Ana sayfadan mevcut sayfaya giden yol
Her sayfada değişir mi?	Genellikle sabit kalır	Sayfanın konumuna göre değişir
Navigasyon türü	Birincil navigasyon	İkincil navigasyon
Ana menünün yerini alır mı?	Ana navigasyondur	Hayır

Breadcrumb bulunduğu için ana menü veya mobil menü kaldırılmamalıdır.

Breadcrumb ile URL Yapısı Aynı Olmalı mı?

Breadcrumb yolu ile URL yapısının tamamen aynı olması zorunlu değildir. Ancak iki yapının birbiriyle çelişmemesi gerekir.

Örnek URL:

siteadi.com/blog/seo/breadcrumb-nedir/

Breadcrumb:

Ana Sayfa > Blog > SEO > Breadcrumb Nedir?

Bu yapı tutarlıdır.

Bazı sitelerde URL daha kısa tutulabilir:

siteadi.com/breadcrumb-nedir/

Breadcrumb yine şu şekilde olabilir:

Ana Sayfa > Blog > SEO > Breadcrumb Nedir?

URL içerisinde bütün kategori adlarının bulunması zorunlu değildir. Önemli olan kullanıcının ve arama motorlarının sayfanın konumunu anlayabilmesidir.

SEO dostu adres yapıları hakkında SEF link rehberi incelenebilir.

Breadcrumb Yapılandırılmış Verisi Nedir?

Breadcrumb görünür bağlantı yapısının yanı sıra BreadcrumbList yapılandırılmış verisi ile işaretlenebilir.

Bu işaretleme, arama motorlarına breadcrumb öğelerinin sırasını ve hedef bağlantılarını açıklamaya yardımcı olur.

JSON-LD biçiminde örnek yapı şu şekilde olabilir:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "Ana Sayfa",
      "item": "https://www.siteadi.com/"
    },
    {
      "@type": "ListItem",
      "position": 2,
      "name": "Blog",
      "item": "https://www.siteadi.com/blog/"
    },
    {
      "@type": "ListItem",
      "position": 3,
      "name": "SEO",
      "item": "https://www.siteadi.com/blog/seo/"
    },
    {
      "@type": "ListItem",
      "position": 4,
      "name": "Breadcrumb Nedir?"
    }
  ]
}
</script>

Bu yapıda:

BreadcrumbList breadcrumb listesini tanımlar.
ListItem her bir bağlantı öğesini belirtir.
position öğenin sırasını gösterir.
name kullanıcıya gösterilen adı belirtir.
item hedef URL’yi tanımlar.

Yapılandırılmış veri içerisindeki yol, sayfada kullanıcıya gösterilen breadcrumb ile uyumlu olmalıdır.

Breadcrumb Schema Kullanmak Zorunlu mudur?

Breadcrumb kullanmak veya yapılandırılmış veri eklemek her web sitesi için zorunlu değildir.

Ancak kategori ve sayfa hiyerarşisi bulunan sitelerde:

Kullanıcı deneyimini geliştirmek
Sayfa yolunu açıklamak
Arama motorlarının site mimarisini anlamasını desteklemek
Arama sonucu görünümünü iyileştirmek

için kullanılabilir.

Schema eklenmesi zengin arama sonucu görünümünü garanti etmez. Arama motoru standart URL görünümünü kullanmayı tercih edebilir.

WordPress’te Breadcrumb Nasıl Eklenir?

WordPress sitelerde breadcrumb farklı yöntemlerle eklenebilir.

SEO Eklentisi Kullanmak

Bazı SEO eklentileri breadcrumb özelliği sunar.

Eklenti üzerinden:

Breadcrumb etkinleştirilebilir.
Ayırıcı işaret seçilebilir.
Ana sayfa metni değiştirilebilir.
Kategori veya içerik türü yapısı düzenlenebilir.
Schema işaretlemesi oluşturulabilir.
Arşiv sayfaları kontrol edilebilir.

Eklenti tarafından oluşturulan breadcrumb kodunun tema içerisinde uygun alana eklenmesi gerekebilir.

SEO eklentilerinin özelliklerini karşılaştırmak için WordPress SEO eklentileri içeriği incelenebilir.

Tema Özelliğini Kullanmak

Bazı WordPress temalarında yerleşik breadcrumb sistemi bulunur.

Tema ayarlarında:

Breadcrumb gösterimi
Sayfa türleri
Ayırıcı
Ana sayfa bağlantısı
Görsel tasarım

düzenlenebilir.

Tema ve SEO eklentisi aynı anda breadcrumb oluşturursa sayfada iki farklı navigasyon yolu görülebilir. Bu nedenle yalnızca bir sistem aktif tutulmalıdır.

Özel Kod Kullanmak

Geliştiriciler WordPress tema dosyalarına özel breadcrumb fonksiyonu ekleyebilir.

Özel kod kullanıldığında:

Yazı kategorileri
Özel içerik türleri
Ürün kategorileri
Arşivler
Sayfalama
Çoklu dil yapısı
Schema işaretlemesi

dikkatli biçimde yönetilmelidir.

WordPress yönetimi hakkında temel bilgi için WordPress rehberinden yararlanılabilir.

WooCommerce Breadcrumb Nasıl Kullanılır?

WooCommerce sitelerde breadcrumb yapısı ürün ve kategori ilişkilerini gösterebilir.

Örnek:

Ana Sayfa > Giyim > Erkek Giyim > Gömlek > Ürün Adı

WooCommerce breadcrumb sistemi kullanılırken:

Ana ürün kategorisi belirlenmelidir.
Aynı ürünün birden fazla kategoriye bağlı olması değerlendirilmelidir.
Filtre seçenekleri breadcrumb yolunu gereksiz uzatmamalıdır.
Ürün varyasyonları ayrı kategori gibi gösterilmemelidir.
Mobil görünüm kontrol edilmelidir.
Product ve BreadcrumbList schema yapıları çakışmamalıdır.

Bir ürün birden fazla kategoriye aitse breadcrumb sisteminin hangi kategoriyi öncelikli göstereceği belirlenmelidir. Aksi halde aynı ürün farklı ziyaretlerde farklı yollarla gösterilebilir.

E-ticaret sitesi hazırlama süreci için e-ticaret web sitesi nasıl kurulur içeriği incelenebilir.

Bloglarda Breadcrumb Nasıl Kullanılır?

Bloglarda breadcrumb yapısı içeriklerin kategori ilişkisini gösterebilir.

Örnek:

Ana Sayfa > Blog > Dijital Pazarlama > İçerik Pazarlaması Nedir?

Blog breadcrumb sisteminde:

Ana kategori kullanılmalıdır.
Etiketler kategori yerine gösterilmemelidir.
İçerik başlığı son öğede yer alabilir.
Yazar ve tarih arşivleri gereksiz seviyeler oluşturmamalıdır.
Kategori isimleri kısa ve anlaşılır olmalıdır.

Bir içerik birden fazla kategoriye eklendiğinde ana kategori belirlemek site mimarisindeki tutarlılığı destekler.

İçeriklerin kategori ve konu ilişkilerinin planlanması için semantik SEO yaklaşımından yararlanılabilir.

E-Ticaret Sitelerinde Breadcrumb Neden Önemlidir?

E-ticaret sitelerinde kullanıcılar çoğunlukla arama motoru, reklam veya ürün karşılaştırma platformları üzerinden doğrudan ürün sayfasına gelir.

Breadcrumb sayesinde kullanıcı:

Ürünün ait olduğu kategoriyi görebilir.
Kategoriye geri dönebilir.
Benzer ürünleri inceleyebilir.
Daha geniş ürün grubuna ulaşabilir.
Site yapısını anlayabilir.

Örneğin Google üzerinden bir kahve makinesi ürününe ulaşan kullanıcı şu breadcrumb yolunu görebilir:

Ana Sayfa > Küçük Ev Aletleri > Kahve Makineleri > Filtre Kahve Makineleri

Kullanıcı ürünü beğenmezse siteyi terk etmek yerine “Filtre Kahve Makineleri” kategorisine geçebilir.

Bu yapı, kullanıcıların farklı ürünlere ulaşmasına ve çapraz satış fırsatlarının desteklenmesine yardımcı olabilir.

Breadcrumb Tasarımı Nasıl Olmalıdır?

Breadcrumb tasarımı sitenin genel tasarım diliyle uyumlu olmalıdır.

Tasarım sırasında:

Yazı boyutu okunabilir tutulmalıdır.
Bağlantılar normal metinden ayırt edilebilmelidir.
Mevcut sayfa diğer bağlantılardan farklı gösterilmelidir.
Ayırıcı işaretler sade olmalıdır.
Arka plan ve metin arasında yeterli kontrast bulunmalıdır.
Mobil ekranda taşma yaşanmamalıdır.
Çok uzun sayfa başlıkları kısaltılabilir.
Breadcrumb ana başlıktan daha baskın görünmemelidir.

Breadcrumb çok küçük, soluk veya tıklanması zor hazırlanırsa kullanıcı deneyimine yeterli katkı sağlamaz.

Web arayüzlerinin düzen ve hizalama yaklaşımı için grid sistemi içeriği incelenebilir.

Breadcrumb Erişilebilirliği Nasıl Sağlanır?

Breadcrumb sistemi ekran okuyucu ve klavye kullanıcıları tarafından da anlaşılabilir olmalıdır.

Erişilebilirlik için:

Breadcrumb alanı navigasyon olarak tanımlanabilir.
Açıklayıcı bir aria-label kullanılabilir.
Mevcut sayfada aria-current="page" özelliği uygulanabilir.
Ayırıcılar ekran okuyucudan gizlenebilir.
Bağlantılar klavyeyle erişilebilir olmalıdır.
Renk tek başına ayırt edici özellik olarak kullanılmamalıdır.

Örnek HTML yapısı:

<nav aria-label="Breadcrumb">
  <ol>
    <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ı, yardımcı teknolojilerin breadcrumb alanını daha doğru anlamasına yardımcı olur.

Breadcrumb ile Dahili Linkleme İlişkisi

Breadcrumb bağlantıları site genelinde tekrar eden ve hiyerarşiyi destekleyen dahili bağlantılar oluşturur.

Örneğin yüzlerce ürün sayfasında kategoriye breadcrumb bağlantısı verilmesi, kategori sayfasının site içerisindeki önemini destekleyebilir.

Ancak breadcrumb tek başına yeterli bir dahili bağlantı stratejisi değildir.

Site içerisinde ayrıca:

İçerik içi bağlantılar
İlgili yazılar
Benzer ürünler
Ana menü
Alt bilgi bağlantıları
Kategori bağlantıları

kullanılabilir.

Bağlantılar kullanıcıya gerçekten faydalı olacak sayfalara yönlendirilmelidir. Aynı anchor text’in gereksiz biçimde tekrar edilmesinden kaçınılmalıdır.

Breadcrumb ve Canonical İlişkisi

Breadcrumb içerisinde gösterilen URL’ler canonical yapıyla uyumlu olmalıdır.

Örneğin breadcrumb bağlantısı parametreli bir kategori URL’sine giderken canonical etiketi farklı bir kategori adresini gösteriyorsa çelişkili bir yapı oluşabilir.

Kontrol edilmesi gereken alanlar şunlardır:

Breadcrumb hedef URL’leri
Canonical URL
XML site haritasındaki URL
Dahili bağlantılar
Menü bağlantıları
Yapılandırılmış veri içerisindeki URL’ler

Bütün sistemlerde mümkün olduğunca aynı tercih edilen URL kullanılmalıdır.

Canonical yapısının ayrıntıları için canonical URL nedir içeriği incelenebilir.

Breadcrumb ve XML Site Haritası İlişkisi

Breadcrumb kullanıcıya ve arama motorlarına sayfalar arasındaki hiyerarşiyi gösterirken XML site haritası önemli URL’lerin keşfedilmesine yardımcı olur.

İki sistem birbirinin alternatifi değildir.

Özellik	Breadcrumb	XML site haritası
Kullanıcıya görünür mü?	Evet	Genellikle hayır
Temel amaç	Navigasyon ve hiyerarşi	URL keşfi ve tarama
Bağlantılar içerir mi?	Evet	URL listesi içerir
Sayfa üzerinde bulunur mu?	Evet	Ayrı XML dosyasıdır
SEO kullanımı	Dahili bağlantı ve site yapısı	Önemli URL’lerin bildirilmesi

Breadcrumb içerisinde kullanılan önemli kategori URL’leri, indekslenebilir olmaları halinde XML site haritasında da yer alabilir.

Breadcrumb ve 301 Yönlendirmeler

Kategori veya sayfa URL’si değiştirildiğinde breadcrumb bağlantıları yeni adreslerle güncellenmelidir.

Yanlış yapı:

Breadcrumb bağlantısı → Eski URL → 301 → Yeni URL

Doğru yapı:

Breadcrumb bağlantısı → Yeni URL

Eski URL’ye 301 yönlendirme uygulanmış olması, site içerisindeki bağlantıların güncellenmesine gerek olmadığı anlamına gelmez.

Gereksiz yönlendirmeler:

Sayfa açılışını geciktirebilir.
Tarama isteklerini artırabilir.
Yönlendirme zincirleri oluşturabilir.
Site bakımını zorlaştırabilir.

URL değişikliklerinin yönetimi için 301 yönlendirme nedir rehberinden yararlanılabilir.

Breadcrumb Nasıl Test Edilir?

Breadcrumb uygulaması sonrasında hem görünür bağlantılar hem de teknik işaretlemeler test edilmelidir.

Kullanıcı Testi Yapılır

Aşağıdaki sorular kontrol edilebilir:

Kullanıcı bulunduğu sayfayı anlayabiliyor mu?
Üst kategorilere kolayca ulaşabiliyor mu?
Bağlantılar doğru sayfalara gidiyor mu?
Mobil cihazlarda breadcrumb okunabiliyor mu?
Uzun başlıklar tasarımı bozuyor mu?
Mevcut sayfa doğru gösteriliyor mu?

Kaynak Kod Kontrol Edilir

Sayfa kaynak kodunda:

BreadcrumbList schema
Doğru URL’ler
Sıralı position değerleri
Tekrarlanan schema
Eksik kategori bağlantıları

kontrol edilebilir.

Teknik Tarama Yapılır

Screaming Frog gibi araçlarla:

Bozuk breadcrumb bağlantıları
301 veren dahili bağlantılar
404 sayfalar
Canonical farklılıkları
Derin sayfalar
Yetim sayfalar

belirlenebilir.

Search Console Takip Edilir

Google Search Console üzerinden yapılandırılmış veri ve dizine ekleme sorunları takip edilebilir.

Breadcrumb işaretlemesindeki şablon kaynaklı hata, çok sayıda sayfayı aynı anda etkileyebilir. Bu nedenle raporlar düzenli olarak incelenmelidir.

Breadcrumb Kullanımında Sık Yapılan Hatalar

Ana Menünün Yerine Kullanmak

Breadcrumb ikincil navigasyon sistemidir. Ana menü ve mobil menünün yerini almamalıdır.

Yanlış Hiyerarşi Göstermek

Breadcrumb yolu, sayfanın gerçek kategori ilişkisini yansıtmalıdır.

Çok Fazla Seviye Eklemek

Gereksiz kategori seviyeleri kullanıcıların yolu anlamasını zorlaştırabilir.

Örnek:

Ana Sayfa > Ürünler > Tüm Ürünler > Kategori > Alt Kategori > Ürün Grubu > Ürün

Bu yapı sadeleştirilebilir.

Bağlantıları Tıklanamaz Yapmak

Üst kategori öğelerinin yalnızca metin olarak gösterilmesi breadcrumb navigasyonunun faydasını azaltır.

Mevcut Sayfayı Yanlış Göstermek

Breadcrumb dizisinin son öğesi ziyaret edilen sayfayı doğru biçimde temsil etmelidir.

Mobil Görünümü Kontrol Etmemek

Uzun breadcrumb satırları mobil ekranda taşabilir veya sayfanın genişliğini bozabilir.

Schema ile Görünür Yapıyı Farklı Hazırlamak

Kullanıcıya gösterilen breadcrumb ile yapılandırılmış veri içerisindeki yol uyumlu olmalıdır.

Aynı Sayfada İki Breadcrumb Kullanmak

Tema ve SEO eklentisi aynı anda breadcrumb oluşturursa iki farklı bağlantı dizisi ortaya çıkabilir.

Yönlendirme Veren URL’lere Bağlantı Vermek

Breadcrumb bağlantıları doğrudan güncel ve 200 durum kodu veren URL’lere gitmelidir.

Filtreleri Kontrolsüz Biçimde Eklemek

E-ticaret sitelerinde bütün renk, beden ve fiyat filtrelerinin breadcrumb içinde ayrı URL olarak gösterilmesi tarama ve indeks sorunlarına neden olabilir.

Yalnızca Anahtar Kelime İçin Kategori Oluşturmak

Gerçek kullanıcı ihtiyacı bulunmayan kategoriler yalnızca SEO amacıyla breadcrumb yapısına eklenmemelidir.

Breadcrumb Kontrol Listesi

Breadcrumb sistemi hazırlanırken aşağıdaki maddeler kontrol edilebilir:

Breadcrumb sayfanın gerçek hiyerarşisini gösteriyor mu?
Ana sayfa ilk öğe olarak bulunuyor mu?
Üst kategoriler tıklanabilir mi?
Mevcut sayfa son öğede gösteriliyor mu?
Kategori adları kısa ve anlaşılır mı?
Gereksiz seviyeler kaldırıldı mı?
Mobil görünüm düzgün mü?
Bağlantılar yeterli dokunma alanına sahip mi?
Breadcrumb ana menünün yerine kullanılmıyor mu?
Bağlantılar doğrudan 200 durum kodu veren URL’lere gidiyor mu?
301 yönlendirme içeren bağlantılar güncellendi mi?
Canonical URL’lerle uyumlu mu?
XML site haritasındaki adreslerle çelişiyor mu?
Görünür breadcrumb ile schema aynı mı?
BreadcrumbList öğeleri doğru sırada mı?
Yinelenen yapılandırılmış veri bulunuyor mu?
Tema ve SEO eklentisi aynı anda breadcrumb oluşturmuyor mu?
Kategori ve ürün ilişkileri doğru mu?
Erişilebilirlik özellikleri eklendi mi?
Search Console raporları kontrol edildi mi?

Breadcrumb Hakkında Sıkça Sorulan Sorular

Breadcrumb nedir?

Breadcrumb, bir sayfanın internet sitesi hiyerarşisindeki konumunu gösteren bağlantı dizisidir.

Breadcrumb ne işe yarar?

Kullanıcının bulunduğu sayfayı anlamasını, üst kategorilere geçmesini ve site içerisinde daha kolay hareket etmesini sağlar.

Breadcrumb SEO için önemli midir?

Breadcrumb, site hiyerarşisini ve dahili bağlantıları destekleyebilir. Tek başına sıralama garantisi sağlamaz ancak site içi SEO açısından yararlı olabilir.

Her web sitesinde breadcrumb kullanılmalı mı?

Tek sayfalı veya çok küçük sitelerde gerekli olmayabilir. Kategori ve alt kategori yapısı bulunan sitelerde kullanılması yararlı olabilir.

Breadcrumb nerede bulunmalıdır?

Genellikle ana menünün altında ve H1 başlığının üzerinde konumlandırılır.

Breadcrumb ana menünün yerine geçer mi?

Hayır. Breadcrumb ikincil navigasyondur ve ana menüyü destekler.

Breadcrumb URL ile aynı olmak zorunda mı?

Hayır. URL daha kısa olabilir. Ancak breadcrumb ile URL ve site mimarisi arasında mantıksal uyum bulunmalıdır.

Breadcrumb son öğesi bağlantı olmalı mı?

Mevcut sayfanın bağlantı olarak gösterilmesi zorunlu değildir. Genellikle son öğe tıklanamayan metin şeklinde sunulur.

WordPress’te breadcrumb nasıl eklenir?

SEO eklentisi, tema özelliği veya özel kod kullanılarak eklenebilir. Aynı anda iki farklı breadcrumb sistemi kullanılmamalıdır.

WooCommerce breadcrumb gerekli midir?

Çok sayıda kategori ve ürün bulunan WooCommerce mağazalarında kullanıcıların ürün hiyerarşisini anlamasına yardımcı olabilir.

Breadcrumb schema nedir?

BreadcrumbList schema, breadcrumb öğelerini ve sıralarını arama motorlarına açıklayan yapılandırılmış veri türüdür.

Breadcrumb arama sonuçlarında kesin görünür mü?

Hayır. Doğru yapılandırılmış veri kullanılması uygunluk sağlayabilir ancak arama motorunun breadcrumb yolunu göstermesi garanti değildir.

Breadcrumb bağlantıları nofollow olmalı mı?

Genellikle hayır. Breadcrumb bağlantıları site içerisindeki gerçek kategori ve üst sayfalara yöneldiği için normal dahili bağlantılar olarak kullanılabilir.

Bir ürün birden fazla kategoriye aitse ne yapılmalıdır?

Ürün için ana kategori belirlenebilir veya tutarlı bir hiyerarşi kullanılabilir. Aynı ürünün farklı ziyaretlerde rastgele breadcrumb yolları göstermesinden kaçınılmalıdır.

Breadcrumb tıklanma oranını artırır mı?

Arama sonuçlarında anlaşılır sayfa yolu sunması kullanıcıların sonucu daha kolay değerlendirmesine yardımcı olabilir. Ancak tıklanma artışı garanti değildir.

Breadcrumb, kullanıcıların internet sitesi içerisindeki konumlarını görmesini ve üst kategorilere kolayca dönmesini sağlayan ikincil navigasyon sistemidir.

Doğru bir breadcrumb yapısı:

Sayfanın site hiyerarşisindeki konumunu gösterir.
Kullanıcıların üst kategorilere ulaşmasını sağlar.
Dahili bağlantı yapısını destekler.
Arama motorlarının site mimarisini anlamasına yardımcı olabilir.
E-ticaret ve blog sitelerinde gezinmeyi kolaylaştırır.
Yapılandırılmış veriyle arama sonucu görünümünü destekleyebilir.

Başarılı bir uygulama için breadcrumb yolu gerçek site mimarisiyle uyumlu olmalı, gereksiz kategori seviyeleri içermemeli ve mobil cihazlarda rahat kullanılmalıdır.

Tema, SEO eklentisi veya özel kod üzerinden eklenen breadcrumb yapısı test edilmeli; görünür bağlantılar ile BreadcrumbList schema verileri birbiriyle eşleşmelidir.

Ayrıca breadcrumb bağlantıları doğrudan güncel URL’lere gitmeli, yönlendirme zincirleri ve bozuk bağlantılar düzenli olarak kontrol edilmelidir.

Site mimarisi, dahili bağlantılar, canonical etiketleri ve teknik hataların belirlenmesi için SEO analizi yaptırabilir, kapsamlı optimizasyon çalışmaları için SEO danışmanlığı hizmetini inceleyebilirsiniz.