Breadcrumb Nedir?

Breadcrumb nedir? Breadcrumb Türkçe karşılığı kırıntı olan internet sayfalarında ziyaretçilere bulunmuş olduğu sayfayı gösteren ve internet sitelerinde rahat gezinmelerini elde eden bir çeşit menüdür.

Ekmek kırıntısı tabiri ünlü masal kahramanı Hansel ve Gretel kardeşlerden gelmektedir. Masalda kardeşler ormana giderken evlerine geri dönüş yolunu basit bulmaları için geçtikleri bölgelere ekmek kırıntılarını dökmüşler.

Web tasarımcılar da bu masaldan esinlenerek kullanıcılara geldikleri sayfaları göstermek ve aynı sayfaya kolay dönebilmeleri için böyle bir modül tasarlamış, adına da breadcrumb vermişler.

Breadcrumb genel anlamda web sitelerinde başlığın altına yatay menü şeklinde koyulur. Genelde de “buradasınız”,”şuan bu sayfadasınız” tarzı ifadelerle anlatılır. Örnek;

Bu Sayfadasınız : Anasayfa > Alt sayfa > Onun Alt sayfası

Breadcrumb SEO Açısından Önemi

bilindiği üzere benzer biçimde SEO(arama motoru optimizasyonu) kullanıcı deneyimini en ön planda meblağ. Bir web sitesinin ziyaretçilerini memnun etmesi, o web sitesinin Googlede ki değerini artırır.

Peki ziyaretçiler nasıl memnun olur ve arama motorları bunu iyi mi tespit eder.Aslen oldukça bayağı bir cevabı var. Sitenize gelen organik ziyaretçiler, aradığı bilgiyi bulur ve sitenizde uzun bir vakit geçirirse bu ziyaretçilerin siteniz den memnun olduğunu belirtir.

Arama motorları, bu arama sonuçlarına göre gelen ziyaretleri ve bu ziyaret sürelerini tutup işlerler.Ona bakılırsa sitenize kıymet biçerler.

Yani işin özü ziyaretçilere gerçek detayları sunup, kişileri web sitenizde uzun süre tutmanıza bakar.Ziyaretçilerinin bilgiyi aldıktan sonrasında sitenizde daha çok zaman geçirmesi için, onlara güzel içerikler sunmanız gerek.

Bunun yanında site yapınızın tertipli olması gerek.Kişiler internet siteniz de kaybolmamalı ve aradığı şeye rahat ulaşmalıdır.Rahat ulaşım mevzusunda burada breadcrumb menüsü devreye girebilir.Kişilere yön gösteren bu meydana getirilen, özellikle iç içe geçmiş yapılara haiz siteler için oldukca önem arz eder.

Kullanıcılar bulunmuş olduğu sayfadan, bundan önceki sayfaya geçmek için her defasında en baştaki sayfaya geri dönmek mecburiyetinde kalırlarsa, bu kullanıcıları siteniz den soğutur,derhal çıkmak ister ve belki tekrar geri dönmez.Bu konum yukarıda bahsettiğim gibi arama motorlarının hoşuna gitmez ve siteniz arama neticelarında gerilere düşmeye adım atar.

Bunun yanında iç içe geçmiş sayfaları olan siteniz var ise, kullananların basit görebileceği bir yere yerleştireceğiniz bu özel yapılar ile kullanıcı memnuniyetini artırabilirsiniz.

Şunu unutmayalım SEO(arama motoru optimizasyonu) bir çok unsura bağlıdır.Sitenize yerleştireceğiniz bir breadcrumb menüsü ile herşeyi hallettiğinizi düşünmeyin.Bu SEO mevzusunda olumlu etki icra eden bir tek bir elemandır.öteki yöntemlerin hepsi aynı bir mevzu teşkil eder.

Breadcrumb Nasıl Yapılır?

HTML Kodu:

<ul id="yerimi" class="kapsul">
    <li><a href="#">Ana Sayfa</a></li>
    <li><a href="#">Birinci alt Menü</a></li>
    <li><a href="#">İkinci alt Menü</a></li>
    <li><a href="#">Üçüncü alt menü</a></li>
    <li>Bulunduğumuz sayfa</li>
</ul>

CSS Kodu:

.kapsul:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.kapsul {
	display: inline-block;
} /*IE-mac de bu bolumu sakla

*/ * html
.kapsul { height: 1%; }
.kapsul { display: block; } /* IE-mac bu bolumu saklam artik */

ul#yerimi {
	border:1px solid #cacaca;
	background:url(bc_bg.png) 0 0 repeat-x
}

ul#yerimi,
ul#yerimi li {
	list-style:none;
	margin:0;
	padding:0;
}

ul#yerimi li {
	float:left;
	font:12px Arial, Helvetica, sans-serif;
	line-height:30px;
	padding-left:15px;
	font-weight:bold
}

ul#yerimi li a{
	display:block;
	float:left;
	color:#0086C0;
	text-decoration:none;
	background:url(bc_separator.png) top right no-repeat;
	height:30px;
	padding-right:15px;
	font-weight:normal
}

ul#yerimi li a:hover {
	text-decoration:underline
}

Bunun haricinde eğer wordpress kullanıyorsanız bunun için kolay bir eklenti mevcut Breadcrumb