Breadcrumb Navigation
Breadcrumb (Ekmek Kırıntısı) navigasyonu, kullanıcılara web siteleri ve uygulamalarda ek bir gezinti yolu sunan bir tekniktir. Bu terim, Hansel ve Gretel masalından gelmektedir; masalda iki çocuk, geri dönüş yollarını bulabilmek için ormana ekmek kırıntıları bırakır. Aynı şekilde, breadcrumb navigasyonu da kullanıcıların web sitenizde rahatça gezmesini ve önceki sayfalara kolayca geri dönmesini sağlar.
Breadcrumb navigasyonu, kullanıcının site içindeki konumunu ve o konuma nasıl ulaştığını gösterir. Özellikle çok sayfalı ve karmaşık yapılara sahip büyük sitelerde bu tür bir navigasyon önerilmektedir.
Breadcrumb Navigasyon Çeşitleri
Breadcrumb navigasyonu uygulamanın farklı yolları vardır ve site yapısına en uygun breadcrumb türünü seçmek önemlidir. Genel olarak 3 farklı breadcrumb türü bulunmaktadır: Konum, Özellik ve Yol.
- Konum Bazlı (Location) Breadcrumbs
Bu tür, kullanıcının site içindeki sayfanın konumunu ve hiyerarşik yapıyı gösterir. Özellikle kategori yapısına sahip e-ticaret siteleri için idealdir. Örneğin, bir ürün sayfasına gitmek için ana sayfa, kategori, alt kategori ve son olarak ürün sayfası şeklinde bir yol izlenir. Örnek bir konum bazlı breadcrumb:
Ana Sayfa > Kategori > Alt Kategori > Şu Anki Sayfa - Özellik Bazlı (Attribute) Breadcrumbs
Özellik bazlı breadcrumb, sayfanın site içindeki konumu yerine anahtar özellikleri üzerinden ilerler. Özellikle e-ticaret sitelerinde ürün özellikleri baz alınarak ürün filtreleme yapılabilir. Örnek:
Mağaza > Dağ Bisikleti > 29 İnç > Turuncu - Yol Bazlı (Path) Breadcrumbs
Bu tür breadcrumb, kullanıcının mevcut sayfaya ulaşana kadar geçtiği sayfa adımlarını gösterir. Örneğin, ödeme işlemi birden fazla adımdan oluşuyorsa, kullanıcı yol bazlı breadcrumb sayesinde geri gidip bilgi güncelleyebilir. Örnek bir yol bazlı breadcrumb:
Ana Sayfa > Giriş > Sepet > Ödeme
Bu tür, kullanıcının site içindeki sayfanın konumunu ve hiyerarşik yapıyı gösterir. Özellikle kategori yapısına sahip e-ticaret siteleri için idealdir. Örneğin, bir ürün sayfasına gitmek için ana sayfa, kategori, alt kategori ve son olarak ürün sayfası şeklinde bir yol izlenir. Örnek bir konum bazlı breadcrumb:Breadcrumb Navigasyonun Avantajları
Breadcrumb navigasyonu birçok içerik yönetim sisteminde varsayılan olarak bulunur. İçeriği mantıklı adımlara bölerek kullanıcı deneyimini iyileştirir. Ayrıca, büyük menülere sahip sitelerde yardımcı bir navigasyon aracı olarak tercih edilir.
Breadcrumb, kullanıcıları sitede daha uzun süre tutarak hemen çıkma oranını düşürür ve SEO açısından fayda sağlar. Google gibi arama motorları, breadcrumb yapısını analiz ederek sitenin yapısını daha iyi anlar ve daha doğru sonuçlar sunar. Google, arama sonuçlarında breadcrumb yapısını göstererek tıklanma oranını (CTR) artırabilir.
Dikkat Edilmesi Gerekenler
Breadcrumb, ana navigasyon yerine tamamlayıcı bir araç olarak kullanılmalıdır. Ayrıca, kullanıcıyı bulunduğu sayfaya tekrar yönlendirmemek adına breadcrumb yolundaki son öğe bağlantısız bırakılmalıdır. Breadcrumb öğeleri arasına > veya / gibi karakterler eklenmeli ve uygun boyutlandırmalar yapılmalıdır.
Kullanıcı ihtiyaçları ve site yapısına göre en uygun breadcrumb türünü seçmek önemlidir. İçeriğinizin yapısına ve kullanıcılarınıza en faydalı bilgiyi sağlayacak breadcrumb türünü seçerek navigasyon deneyimini iyileştirebilirsiniz.