Breadcrumb Nedir, Ne İşe Yarar? (Site Gezinme Rehberi)

Breadcrumb, kullanıcıya sitede bulunduğu konumu gösteren ve üst sayfalara dönüş yolu sunan gezinme öğesidir. Adını masallardaki ekmek kırıntısı izinden alır ve site içi yön bulmayı kolaylaştırır.

Breadcrumb Nedir?​

Breadcrumb, bir web sitesinde kullanıcının hangi sayfada olduğunu ve bu sayfaya hangi adımlarla geldiğini gösteren yatay gezinme çubuğudur. Genellikle ana sayfa, kategori ve alt kategori sırasıyla listelenir ve sayfanın üst kısmında yer alır. Kullanıcı herhangi bir basamağa tıklayarak o seviyeye doğrudan dönebilir. Adını, masal kahramanlarının yollarını bulmak için bıraktığı ekmek kırıntılarından alan bu yapı, sitenin hiyerarşisini görsel olarak yansıtır.

Breadcrumb Ne İşe Yarar?​

• Kullanıcının site içindeki konumunu net biçimde gösterir. Böylece ziyaretçi nerede olduğunu kolayca anlar.
• Üst kategori ve ana sayfaya tek tıklamayla dönüş imkânı sunar.
• Sitenin hiyerarşik yapısını hem kullanıcıya hem arama motorlarına aktarır.
• Derin sayfalarda gezinmeyi kolaylaştırarak ziyaretçinin sitede kalma süresini artırmaya yardımcı olur.
• Arama sonuçlarında sayfa adresinin yerine daha anlaşılır bir yol gösterimi sağlayabilir.

Breadcrumb Türleri​

En yaygın türü, sitenin klasör yapısını yansıtan hiyerarşi temelli breadcrumb'dır. Bunun yanında kullanıcının izlediği adımları gösteren geçmiş temelli ve sayfanın niteliklerini listeleyen özellik temelli türler de bulunur. Çoğu site için hiyerarşi temelli yapı en uygun ve en anlaşılır seçenektir.

Avantajları Neler?​

Breadcrumb, kullanıcı deneyimini iyileştiren küçük ama etkili bir gezinme öğesidir. Ziyaretçilere nerede olduklarını ve nereye gidebileceklerini göstererek yön bulma kaygısını azaltır. Ayrıca site içi bağlantı yapısını güçlendirir ve arama motorlarının kategori ilişkilerini daha iyi anlamasına katkı sağlar. Sayfa tasarımını bozmadan eklenebilmesi ve az yer kaplaması da önemli avantajlarındandır.

Nasıl Kullanılır?​

Breadcrumb, sayfa üst bölümüne yatay bir bağlantı zinciri olarak yerleştirilir. Her basamak tıklanabilir bir bağlantı olur ve son basamak genellikle bulunulan sayfayı temsil eder. Bağlantılar arasına ok veya eğik çizgi gibi ayırıcı simgeler eklenir. Yapının kod tarafında uygun yapısal veriyle işaretlenmesi, arama motorlarının içeriği doğru yorumlamasına yardımcı olur.

Sık Yapılan Hatalar​

• Breadcrumb basamaklarını tıklanamaz metin olarak bırakmak ve dönüş imkânını ortadan kaldırmak.
• Çok uzun yollar oluşturarak dar ekranlarda taşmaya ve karmaşaya yol açmak.
• Sitenin gerçek kategori yapısıyla uyuşmayan hatalı hiyerarşiler göstermek.
• Aynı sayfada hem breadcrumb hem benzer gezinme menüsü ekleyerek tekrar oluşturmak.

Sonuç​

Breadcrumb, kullanıcıya yol gösteren basit ama değerli bir gezinme aracıdır. Doğru kurulduğunda hem ziyaretçi deneyimini hem de sitenin arama motoru tarafından anlaşılmasını güçlendirir.