Cara mudah memasang navigasi Breadcrumb di Blog

Memasang navigasi Breadcrumb di Blog merupakan salah satu teknik SEO yang bermanfaat. Dengan cara ini kita dapat menambah kekuatan kategori pada indeks Search Engine. 

Breadcrumb merupakan sebuah bantuan navigasi yang digunakan dalam user interface sehingga memudahkan user untuk menavigasi halaman blog. gunanya adalah mempermudah user dalam menavigasi blog kita selain itu juga di senangi robot Google yang mengcrawl halaman blog. Maka memasang navigasi Breadcrumb sangat erat kaitannya dengan SEO, terutama SEO onpage. Dengan memasang navigasi Breadcrumb sesegera mungkin agar blog kita cepat terindeks oleh Google, hasilnya tampilan url posting blog kita akan lebih rapi dan dan teratur di tampilkan di SERP Google.

Nah berikut langkah-langkah memasangnya:

1. Login Blogger
2. Pilih Rancangan
3. Edit HTML ( expang template widget )
4. Cari Kode ]]></b:skin>
5. Copy Kode dibawah ini di atas Kode ]]></b:skin>

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

6. Selanjutnya Cari Kode <div class='post hentry'>
7. Kemudian Copy Kode dibawah ini dan letakan dibawah kode <div class='post hentry'>

<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='breadcrumbs'> Browse &#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><br/>

8. Save Template

Contoh bisa anda lihat pada blog ini :  Browse » Home » Blog , Tips N Triks » Cara mudah memasang navigasi Breadcrumb di Blog

Mudah-mudahan artikel ini bermanfaat buat sahabat remix-7, wassalam :-)