Breadcrumb Navigasyon nedir?
Ekmek kırıntısı navigasyonu, "ekmek kırıntıları" olarak bilinen ve kullanıcıya bir web sitesindeki mevcut konumunu sitenin sayfalar hiyerarşisi içinde bildiren dahili bağlantıların izini ifade eder. "Ekmek kırıntısı" terimi, Grimm Kardeşler'in masalındaki Hansel ve Gretel'in eve dönüş yolunu bulmak için ekmek kırıntılarından oluşan bir iz bıraktıkları hikayeden esinlenmiştir.
Breadcrumb Navigasyon Türleri
- Hiyerarşi Tabanlı Ekmek Kırıntıları: Konum tabanlı ekmek kırıntıları olarak da bilinen bu kırıntılar, kullanıcının web sitesinin hiyerarşisi içindeki konumunu gösterir.
- ÖznitelikTabanlı Breadcrumbs: E-ticaret web sitelerinde yaygın olarak kullanılan özniteliklere veya etiketlere göre düzenlenir.
- Geçmişe Dayalı Breadcrumbs: Ziyaretçinin mevcut sayfaya ulaşmak için attığı belirli adımlara göre düzenlenir.
Breadcrumb Navigasyonun Önemi
Breadcrumb navigasyonu kullanıcı deneyimini geliştirdiği ve web sitelerinde gezinmeyi kolaylaştırdığı için önemlidir. İkincil navigasyon sağlayarak ziyaretçilerin aradıklarını bulmalarına yardımcı olur ve daha üst düzey sayfalara dönmek için gereken tıklama sayısını azaltır. Ayrıca mobil kullanılabilirliği geliştirir ve SEO'da önemli bir rol oynar.
SEO Faydaları
- Kullanıcı Deneyimi: Google, kullanıcı deneyimine öncelik veren web sitelerini ödüllendirir. Ekmek kırıntıları gezinmeyi kolaylaştırarak kullanıcı memnuniyetini artırabilir.
- Web Sitesi Hiyerarşisi Anlayışı: Breadcrumbs, Google'ın web sitenizin yapısını anlamasına ve PageRank'i daha etkili bir şekilde dağıtmasına yardımcı olarak sıralamanızı iyileştirir.
- Hemen ÇıkmaOranlarını Düşürür: Ekmek kırıntıları, kullanıcılara alternatif bir gezinme yolu sunarak, sitede daha fazla içerik keşfedilmesini teşvik ederek hemen çıkma oranlarını azaltabilir.
Breadcrumb Navigasyon Nasıl Uygulanır
Ekmek kırıntısı navigasyonunu uygulamak basittir. Bir WordPress web siteniz varsa, Yoast SEO gibi eklentiler süreci basitleştirir. Hatta bazı WordPress temaları varsayılan olarak kırıntıları destekleyebilir. WordPress olmayan siteler için, HTML ve CSS kullanarak ekmek kırıntılarını manuel olarak uygulayabilirsiniz.
HTML Şablon Örneği
<ul class="breadcrumb"> <li><a href="#">Home</a></li> <li><a href="#">Blog</a></li> <li><a href="#">Kategori</a></li> <li>Güncel Sayfa</li> </ul>Bu şablon madde işaretli bir bağlantı listesi oluşturur. Tasarım ihtiyaçlarınıza uyması için stili CSS ile özelleştirin.
Yapılandırılmış Veri
Ekmek kırıntılarının SERP'lerde görünmesini sağlamak için web sitenizde ilgili yapılandırılmış verileri uygulayın. Ayrıntılı rehberlik için Google'ın Ekmek Kırıntısı Belgelerine bakın.
Breadcrumb Navigasyon En İyi Uygulamaları
- Birincil Navigasyonu Destekleyin: Breadcrumbs ek bir navigasyon özelliğidir, birincil navigasyon menünüzün yerine geçmez.
- Ayırıcıları Kullanın: Ekmek kırıntısı izindeki metin bağlantılarını ">", "/" veya oklar gibi özel karakterlerle ayırın.
- Tam Gezinme Yolu: Kullanıcının sayfaya nasıl geldiğinden bağımsız olarak her zaman tam gezinme yolunu ekleyin.
- Soldan Sağa Okuma: Ekmek kırıntısı izi, ana sayfa solda ve geçerli sayfa sağda olacak şekilde soldan sağa doğru okunmalıdır.
- Geçerli Sayfa: Ekmek kırıntısı izindeki son öğe geçerli sayfa olmalı ve tıklanabilir bir bağlantı olmamalıdır.
- Göze ÇarpmayanTasarım: Ekmek kırıntısı navigasyonunun basit ve göze batmayan bir yapıda olduğundan, sayfanın üst kısmında konumlandırıldığından ve küçük ama okunabilir bir yazı tipi kullanıldığından emin olun.
Web'de gezinme ve SEO hakkında daha fazla bilgi ve ipucu için Ranktracker Blog 'u ziyaret edin ve kapsamlı SEO Kılavuzumuzu inceleyin. Ayrıca, temel SEO terimleri ve kavramları hakkında bilgi edinmek için SEO Sözlüğümüze göz atın.
