Breadcrumb: İçerik Haritası

BulutPress ekibi olarak hem kullanıcı deneyimini iyileştirmek hem de seo başarısı artırabilmek için web tasarım yazılımımızı sürekli geliştirmeye ve iyileştirmeye devam ediyoruz. Her iyileştirme web sitelerinizin daha iyi olmasını sağlıyor. Müşterileriniz daha fazla ziyaretçi çekiyor, müşteriniz dolayısıyla siz daha mutlu olunca biz de mutlu oluyoruz. Birlikte kazanıyor, karşılıklı fayda sağlıyoruz. İyi ki varsınız.

Gelelim bu günkü iyileştirmemize. Tüm bulutpress web sitelerine ücretsiz olarak breadcrumb (içerik haritası) özelliği ekledik. Sizin hiç bir şey yapmanıza gerek yok (search console paneline girip sayfalarınızı yeniden göndermeyin). Google botları normal şekilde web sitelerinizi taramaya devam edecek ve veri işaretlemesini anlayıp kullanmaya başlayacaktır.

Peki İçerik Haritası (Breadcrumb) Nedir ve Ne İşe Yarar?

breadcrumb nasıl yapılır ve ne işe yararBir “kırıntı” (veya “kırıntı izi”), kullanıcının bir web sitesindeki veya Web uygulamasındaki konumunu gösteren bir tür ikincil gezinme şemasıdır. Breadcrumb terimi, iki çocuğun evlerine geri dönmek için ekmek kırıntıları bıraktıkları Hansel ve Gretel masalından geliyor. Tıpkı masaldaki gibi, gerçek dünyadaki uygulamalardaki ekmek kırıntıları, kullanıcılara orijinal iniş noktalarına giden yolu izlemenin bir yolunu sunar.

Ekmek kırıntılarını genellikle hiyerarşik bir şekilde düzenlenmiş büyük miktarda içeriğe sahip web sitelerinde bulabilirsiniz. Bunları, bir ilerleme çubuğuna benzer şekilde işlev gördükleri birden fazla adımı olan Web uygulamalarında da görürsünüz. En basit haliyle, ekmek kırıntıları “daha büyük” sembolü (>) ile ayrılmış yatay olarak düzenlenmiş metin bağlantılarıdır; sembol, o sayfanın yanındaki sayfa bağlantılarına göre düzeyini gösterir.

Bu makalede, web sitelerinde ekmek kırıntılarının kullanımını keşfedeceğiz ve kendi web sitenize ekmek kırıntısı parkurları uygulamak için bazı en iyi uygulamaları tartışacağız.

Ne Zaman Breadcrumbs Kullanılmalıdır?

Hiyerarşik olarak düzenlenmiş sayfaları olan büyük web siteleri ve web siteleri için kırıntı gezinmesini kullanın. Mükemmel bir senaryo, çok çeşitli ürünlerin mantıksal kategorilere ayrıldığı e-ticaret web siteleridir.

Mantıksal hiyerarşisi veya gruplaması olmayan tek seviyeli web siteleri için ekmek kırıntıları kullanmamalısınız. Bir web sitesinin kırıntı gezintisinden yararlanıp yararlanmayacağını belirlemenin harika bir yolu, bir site haritası veya web sitesinin gezinme mimarisini temsil eden bir diyagram oluşturmaktır. Ardından ekmek kırıntılarının kullanıcının kategoriler içinde ve arasında gezinme yeteneğini iyileştirip geliştirmeyeceğini analiz edin.

Breadcrumb navigasyonu ekstra bir özellik olarak görülmeli ve etkili birincil gezinme menülerinin yani asıl menü grubu modüllerinin yerini almamalıdır. Kullanıcıların nerede olduklarını belirlemelerine olanak tanıyan ikincil bir gezinme şeması ve web sitenizde gezinmenin alternatif bir yolu olarak düşünebilirsiniz.

3 çeşit Ekmek Kırıntısı vardır

1. Konum tabanlı: Konum tabanlı kırıntı navigasyonu, kullanıcıya web sitesinin hiyerarşisinde nerede olduklarını gösterir. Genellikle birden çok seviyeye sahip navigasyon şemaları için kullanılırlar (genellikle ikiden fazla seviye).

2. Öznitelik tabanlı: Öznitelik tabanlı kırıntı izleri, belirli bir sayfanın niteliklerini görüntüler. Örneğin bir e-ticaret sitesinde ürün listeleme sayfasında listelenen tüm bilgisayarların işlemci türüne göre gruplandırılması gibi.

3. Yol tabanlı: Yol tabanlı kırıntı yolları, kullanıcılara belirli bir sayfaya ulaşmak için attıkları adımları gösterir. Yola dayalı kırıntıları, kullanıcının geçerli sayfaya gelmeden önce ziyaret ettiği sayfaları görüntülemeleri için dinamiktir. Konum tabanlı olandan farkı, bu navigasyonun kullanıcı davranışına göre dinamik olarak oluşturulmasıdır.

Bulutpress ile hazırladığınız tüm web sitelerinde konum tabanlı breadcrumb özelliği standart olarak yer almaktadır.

Ekmek Kırıntıları Kullanmanın Faydaları

İşte ekmek kırıntısı izi kullanmanın faydalarından sadece birkaçı.

Kullanıcılar için uygun: Breadcrumbs öncelikle kullanıcılara bir web sitesinde gezinmeye yardım eden ikincil bir yol vermek için kullanılır. Çok seviyeli büyük bir web sitesinde tüm sayfalar için bir kırıntı izi sunarak, kullanıcılar daha üst düzey kategorilere daha kolay gidebilir.

Daha üst düzey sayfalara dönmek için tıklamaları veya eylemleri azaltır: Daha üst düzey bir sayfaya dönmek için tarayıcının “Geri” düğmesini veya web sitesinin birincil gezinmesini kullanmak yerine, kullanıcılar artık ekmek kırıntılarını daha az sayıda tıklama ile kullanabilir.

Genellikle ekran alanını doldurmaz, çünkü genellikle yatay olarak yönlendirilirler ve açık bir şekilde tasarlanmışlardır, kırıntı yolları sayfada çok fazla yer kaplamaz. Faydası, içerik aşırı yüklenmesi açısından çok az olumsuz etkisi olması veya hiç olmamasıdır ve doğru kullanıldığında herhangi bir olumsuzluğa ağır basarlar.

Hemen çıkma oranlarını azaltır: Breadcrumb parkurları, açılış sayfasını görüntüledikten sonra ilk kez gelen ziyaretçileri bir web sitesini incelemeye ikna etmenin harika bir yolu olabilir. Örneğin, bir kullanıcının bir Google araması aracılığıyla bir sayfaya geldiğini söyleyin, Bir kırıntı izi görmek, kullanıcıyı ilgi alanlarıyla alakalı konuları görüntülemek için daha üst düzey sayfalara tıklamaya teşvik edebilir. Bu da, genel web sitesi hemen çıkma oranını düşürür.

Hatalı Breadcrumb Örnekleri

Kırıntı parkurlarını kullanmak oldukça basit bir meseledir, ve bunları bir web sitesinde uygulamaya karar vermeden önce dikkate alınması gereken yalnızca birkaç yönerge vardır. Kaçınılması gereken bazı yaygın hatalara bir göz atalım.

İhtiyacınız olmadığında ekmek kırıntılarını kullanma: Ekmek kırıntılarını uygulamada yaygın bir hata, hiçbir faydası olmadığında bunları kullanmaktır.

Breadcrumb parkurlarını birincil gezinme olarak kullanma: Daha önce belirtildiği gibi, ekmek kırıntılarını gezinme için isteğe bağlı bir yardım olarak kullanın.

Sayfaların birden fazla kategorisi olduğunda kırıntıları kullanma: Breadcrumb parkurları doğrusal bir yapıya sahiptir, bu nedenle, sayfalarınız düzgün kategorilere ayrılamazsa bunları kullanmak zor olacaktır. Ekmek kırıntılarını kullanıp kullanmayacağınıza karar vermek büyük ölçüde web sitenizin hiyerarşisini nasıl tasarladığınıza bağlıdır. Alt düzey bir sayfa birden fazla ana kategoride olduğunda (veya yerleştirilebildiğinde), kırıntı izleri kullanıcı için etkisiz, hatalı ve kafa karıştırıcıdır.

Breadcrumb Navigasyon Tasarımı Dikkat Edilmesi Gerekenler

Bir kırıntı gezinme şeması tasarlarken, birkaç şeyi aklınızda bulundurun. Ekmek kırıntıları ile çalışırken ortaya çıkabilecek bazı sorulara bir göz atalım.

Bağlantı öğelerini ayırmak için hangi sembol kullanılmalıdır? Ekmek kırıntısı yollarındaki köprüleri ayırmak için yaygın olarak kabul edilen ve en çok tanınan sembol “daha büyük” sembolüdür (>). Genellikle büyüktür işareti Üst kategori > Alt kategori biçiminde olduğu gibi hiyerarşiyi belirtmek için kullanılır. Ancak hangi sembolün kullanılacağı tamamen tasarımcının estetik anlayışına kalmıştır.

Ne kadar büyük olmalı? Ekmek kırıntılarınızın sayfaya hakim olmasını istemezsiniz. Bir kırıntı izi yalnızca kullanıcılara bir yardım olarak işlev görür (kolaylık); boyutu bunu kullanıcılara iletmeli ve bu nedenle birincil gezinme menüsünden en azından daha küçük veya daha az belirgin olmalıdır.

Ekmek kırıntısı izinizi boyutlandırırken uymanız gereken iyi bir kural, bir sayfaya geldiğinde kullanıcının dikkatini çeken ilk öğe olmaması gerektiğidir.

Ekmek kırıntıları nerede bulunmalıdır? Breadcrumb parkurları genellikle sayfanın üst yarısında görüntülenir, yatay menü düzeni kullanılıyorsa birincil gezinme menüsünün altında.