Cara Membuat Breadcrumb untuk SEO blogger / blogspot

Cara Membuat Breadcrumb untuk SEO blogger / blogspot

Apa itu Breadcrumb? Breadcrumb atau yang bisa disebut juga Menu Navigasi adalah sebuah menu yang dapat membantu pengunjung suatu website untuk mengetahui keberadaan mereka sekarang, mereka akan mengetahui mereka sedang mengunjungi halaman dengan label atau kategori apa. Berguna bukan?

Lalu apa hubungannya Breadcrumb dengan SEO?

Breadcrumb membantu membuat Link di dalam situs / website anda yang membuat Rank situs / website anda lebih tinggi di Halaman Pencarian Google.

Bagaimana Cara membuat Breadcrumb?

1.Langsung saja Menuju Template >> Edit HTML ( Jangan Lupa Centang "Expand Template Widget" )
2. Cari Kode : ]]></b:skin> (Tekan Ctrl + F Untuk melakukan Find )
3. Copy CSS di bawah ini, Lalu letakkan di atas Kode ]]></b:skin>  :

.breadcrumbs{
padding-left:10px;font-size:95%;
line-height:1.4em;
border-bottom:4px double #cadaef;
}

4. Cari Kode : <b:includable id='post' var='post'>
Copy Kode di bawah ini dan letakkan / paste di bawah kode <b:includable id='post' var='post'>  :

<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='breadcrumbs'>
Anda disini &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187;
<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
<b:if cond='data:label.isLast != &quot;true&quot;'> , </b:if>
</b:loop>
</b:if> &#187; <data:post.title/>
</div>
</b:if>
</b:if>

5. Selesai ( SAVE TEMPLATE )

Sekian Tutorial dari Saya "Cara Membuat Breadcrumb untuk SEO blogger / blogspot" Semoga Bermanfaat, Jika ada Pertanyaan di Benak anda silahkan Berkomentar :) Salam SEO.