Web Sitesi Breadcrumb Kullanımı Nasıl Yapılır?
Bir kullanıcı siteye her zaman ana sayfadan girmez; arama sonucundan ya da paylaşılan bir bağlantıdan doğrudan derinlerdeki bir sayfaya düşer. Bu durumda ilk sorduğu soru, nerede olduğudur. Yol izi bağlantıları, bu soruya tek bakışta cevap veren küçük bir yapıdır. web sitesi breadcrumb kullanımı, hem yön duygusu sağlar hem site yapısını görünür kılar. Bu yazıda konuyu adım adım ele alıyoruz.
Peki web sitesi breadcrumb kullanımı nasıl yapılır? Yapıdan işaretlemeye kadar başlıkları inceliyoruz. Site yapısı çalışmalarınız için Weblike ekibine danışabilirsiniz.
web sitesi breadcrumb kullanımı nedir
web sitesi breadcrumb kullanımı, kullanıcının bulunduğu sayfanın site hiyerarşisindeki konumunu gösteren bağlantı dizisinin sunulmasıdır. Genelde sayfanın üst bölümünde yer alır.
Neden Gerekli
Derin sayfalara doğrudan giren kullanıcı yön duygusunu kaybeder. Yol izi bu belirsizliği ortadan kaldırır.
Doğrudan Giriş
Arama sonucundan gelen ziyaretçi ana sayfayı hiç görmemiş olabilir. Bu kullanıcı için konum bilgisi kritiktir.
Yukarı Çıkış
Üst kategoriye dönmek için kolay bir yol sunar. Tarayıcı geri tuşu aynı işlevi görmez.
Geri Tuşu Farkı
Geri tuşu önceki sayfaya döner, yol izi ise üst kategoriye götürür. İkisi farklı ihtiyaçlardır.
Hangi Sitelerde Gerekir
Çok katmanlı yapıya sahip siteler, ürün katalogları ve belge arşivleri yol izi gerektirir. Tek katmanlı sitelerde gerek yoktur.
Bilgi Mimarisiyle İlişkisi
Yol izi, sitenin gerçek yapısını yansıtır. Yapı net değilse dizi de anlamsız görünür.
Yapıyı Göstermek
Dağınık bir site yapısında yol izi de anlamsız görünür. Önce yapı düzeltilmelidir.
Hiyerarşi Türü
En yaygın tür, sayfanın kategori hiyerarşisini gösteren yapıdır. Bu tür sabittir ve her kullanıcıda aynıdır.
Geçmişe Dayalı Tür
Kullanıcının izlediği yolu gösteren yapı kafa karıştırıcı olabilir. Bu tür önerilmez.
Özellik Temelli Tür
Filtrelenmiş listelerde seçilen ölçütleri gösteren yapı kullanılabilir. Filtreleme tasarımı bu kullanımı ele alır.
Konum Seçimi
Yol izi sayfa başlığının hemen üstünde yer almalıdır. Alışılmış konum dışına çıkılmamalıdır.
Görsel Ağırlık
Yol izinin sayfa başlığından daha az belirgin olması gerekir. Baskın görünüm hiyerarşiyi bozar.
Görsel Hiyerarşi
Yardımcı bir unsur olduğu görünümünden anlaşılmalıdır. Görsel hiyerarşi bu dengeyi anlatır.
Ayraç Kullanımı
Ögeler arasında net bir ayraç bulunmalıdır. Ok ya da eğik çizgi yaygın tercihlerdir.
Ana Sayfa Bağlantısı
Dizinin ilk ögesi genelde ana sayfadır. Bu bağlantı yön duygusunu tamamlar.
Son Öge
Bulunulan sayfa bağlantı olmamalıdır. Kendine bağlantı veren öge kafa karıştırır.
Öge Sayısı
Çok uzun diziler okunmaz. Ara seviyeler gerekirse kısaltılabilir.
Uzun Başlıklar
Uzun sayfa adları dizi içinde kısaltılabilir. Ancak anlam kaybolmamalıdır.
Mobil Görünüm
Küçük ekranda yol izi taşabilir. Yatay kaydırma ya da kısaltma çözümleri kullanılır.
Mobil Çözüm
Yalnızca bir üst seviyeyi göstermek mobilde yeterli olabilir. Bu çözüm hem yer kazandırır hem okunabilirliği korur.
Dokunma Alanı
Bağlantıların parmakla basılabilir olması gerekir. Sıkışık dizi hatalı tıklama üretir.
Menü ile İlişki
Yol izi menünün yerine geçmez. İkisi birbirini tamamlar.
Menü Yapısı
Ana gezinme ayrı bir yapıdır. Menü tüm siteyi, yol izi ise bulunulan konumu anlatır.
Adres Yapısıyla Uyum
Yol izinin adres yapısıyla örtüşmesi beklenir. Çelişen iki yapı güveni azaltır.
URL Düzeni
Adres hiyerarşisinin anlamlı kurulması gerekir. URL yapısı bu düzeni anlatır.
Arama Görünürlüğü
Yol izi, arama sonuçlarında da gösterilebilir. Bu gösterim tıklama oranını etkiler.
Yapılandırılmış Veri
Arama motorlarının yol izini anlaması için işaretleme gerekir. Yapılandırılmış veri bu konuyu ele alır.
İşaretleme Kontrolü
İşaretlemenin doğru çalıştığı denetlenmelidir. Google Search Console bu kontrolü yapmanızı sağlar.
İç Bağlantı Katkısı
Yol izi, üst kategorilere düzenli bağlantı verir. Bu yapı site içi bağlantı düzenini güçlendirir.
Bağlantı Yapısı
Her sayfadan üst seviyelere giden bağlantılar değer taşır. İç link yapısı bu etkiyi anlatır.
Kategori Sayfaları
Yol izi, kategori sayfalarının görünürlüğünü destekler. Bu sayfalar genelde ihmal edilir.
Blog Kullanımı
Blog yazılarında kategori yol izi okuyucuyu ilgili içeriklere yönlendirir. Bu kullanım faydalıdır.
Ürün Sayfaları
Ürün sayfalarında yol izi kategoriye dönüşü kolaylaştırır. Bu geçiş alışverişi sürdürür.
Çok Kategorili Ürünler
Bir ürün birden fazla kategoride yer alabilir. Bu durumda tek bir ana yol belirlenmelidir.
Tutarlılık
Aynı sayfanın her zaman aynı yol izini göstermesi gerekir. Değişken yapı güven kaybı üretir.
Erişilebilirlik
Yol izinin ekran okuyucular tarafından doğru anlaşılması gerekir. Erişilebilirlik bu gerekliliği ele alır.
Anlamlı İşaretleme
Yapının gezinme alanı olarak tanımlanması beklenir. Bu tanım sık atlanır.
Mevcut Sayfa Bildirimi
Bulunulan sayfanın ekran okuyucuya bildirilmesi gerekir. Bu ayrıntı deneyimi iyileştirir.
Çok Dilli Siteler
Yol izi ögelerinin tüm dillerde çevrilmesi gerekir. Eksik çeviri dağınık görünür.
Teknik Uygulama
Yol izinin otomatik üretilmesi gerekir. Elle tanımlanan diziler zamanla eskir.
Otomatik Üretim
Yapının kategori ilişkisinden türetilmesi en sağlıklı yöntemdir. Böylece değişiklikler kendiliğinden yansır.
Hatalı Diziler
Yanlış kurulan yol izi kullanıcıyı olmayan bir yapıya yönlendirir. Bu durum kontrol edilmelidir.
Kırık Bağlantı
Dizideki bağlantıların çalıştığı düzenli denetlenmelidir. Kırık bağlantı güveni doğrudan zedeler.
Test Etmek
Derin sayfalardan girilerek yol izinin doğruluğu sınanmalıdır. Ana sayfadan gezinmek yeterli değildir.
Ölçüm
Yol izi bağlantılarının tıklanma oranı izlenebilir. Bu veri yapının işe yarayıp yaramadığını gösterir.
Sık Yapılan Hata
Yol izini sayfanın gerçek hiyerarşisinden bağımsız kurmak en yaygın hatadır. Yapıyla örtüşmeyen dizi kullanıcıyı yanıltır.
Sayfa Başlığıyla Tekrar
Yol izinin son ögesi ile sayfa başlığının aynı olması normaldir. Bu tekrar kullanıcıyı rahatsız etmez.
Yazdırma Görünümü
Sayfa yazdırıldığında yol izinin görünmesi bağlam sağlar. Bu ayrıntı genelde düşünülmez.
web sitesi breadcrumb kullanımı Özeti
Gerçek hiyerarşiye dayalı yapı, sade görünüm, son ögenin bağlantısız olması, yapılandırılmış veri işaretlemesi ve otomatik üretim bu yapıyı işlevli kılar.
Kullanıcıya site içindeki konumunu gösterir ve üst kategoriye dönmesini kolaylaştırır.
Çok katmanlı yapıya sahip siteler, ürün katalogları ve belge arşivlerinde gereklidir.
Olmamalıdır. Bulunulan sayfaya kendi içinden bağlantı vermek kafa karıştırır.
Geçmez. Geri tuşu önceki sayfaya, yol izi ise üst kategoriye götürür.
Taşma durumunda kısaltma yapılabilir ya da yalnızca bir üst seviye gösterilebilir.
Gereklidir. İşaretleme sayesinde yol izi arama sonuçlarında da gösterilebilir.
Tek bir ana yol belirlenmeli ve aynı sayfa her zaman aynı diziyi göstermelidir.
Hayır. Kategori ilişkisinden otomatik üretilmesi gerekir; elle tanımlanan diziler zamanla eskir.
Derin sayfalara doğrudan girilerek dizinin doğruluğu ve bağlantıların çalışması kontrol edilmelidir.
Yol izi, küçük bir satır gibi görünse de kullanıcının siteyi anlamasını sağlayan temel işaretlerden biridir. web sitesi breadcrumb kullanımı için yapıyı gerçek hiyerarşiye dayandırmak, görsel ağırlığı sınırlı tutmak, son ögeyi bağlantısız bırakmak, yapılandırılmış veriyle işaretlemek, otomatik üretmek ve derin sayfalardan test etmek gerekir. Yapı tarafını genişletmek için navigasyon tasarımı yazımızı inceleyebilirsiniz.