Memasang Breadcrumb Navigasi Agar Seo Friendly

Salah satu unsur SEO yang dianjurkan oleh google adalah dengan memasang navigasi breadcrumb, selain menjadikan tampilan lebih menarik, breadcrumb merupakan alat navigasi yang baik untuk melihat posisi halaman yang sedang dibaca.

Dengan menampilkan kategori dari judul post yang sedang terbuka, breadcrumb dengan secara tidak langsung bisa menambah pageview karena hadirnya kategori dari post yang sedang terbuka tersebut, untuk pemasangannya : masuk pada design atau rancangan blogger - klik edit HTML - ceklist expand template, sebelum melakukan perubahan pada template sebaiknya membuat backup dari template tersebut, bila terjadi kesalahan bisa dengan mudah untuk mengembalikan ke seperti semula, caranya dengan mendownload full template. Langkah pemasangan breadcrumb navigasi :

1. Cari kode ]]></b:skin> kemudian letakan kode dibawah ini diatasnya

.breadcrumbs{border-bottom:1px dotted #999;margin:2em 0 0.5em;padding:0 0 0.5em;font-size:10px}

2. Kemudian cari kode <b:includable id='main' var='top'> dan letakan kode dibawah ini diatasnya








<b:includable id='breadcrumbs' var='post'> <!-- Breadcrumbs --> <b:if cond='data:blog.pageType == &quot;item&quot;'> <p class='breadcrumbs'> <span class='post-labels'> <b:if cond='data:post.labels'> Dalang&#160; : <a expr:href='data:blog.homepageUrl' rel='tag'>Home</a> &gt; <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast == &quot;true&quot;'> <a expr:href='data:label.url' rel='tag'> <data:label.name/></a> </b:if> </b:loop> <b:if cond='data:post.title'> &gt; <b><data:post.title/></b> </b:if> </b:if> </span> </p> </b:if> <!-- End of Breadcrums Hack --> </b:includable>


3. yang terakhir cari kode <b:loop values='data:posts' var='post'> letakan kode dibawah ini di bagian bawahnya

<b:include data='post' name='breadcrumbs'/>

Keterangan :

• Biasanya kode <b:loop values='data:posts' var='post'> ada 2 atau 3 dan kadang 4, itu tergantung dari template yang dipakai, pilih <b:loop values='data:posts' var='post'> yang berurutan dengan kode <b:if cond='data:post.dateHeader'> atau untuk lebih mudahnya, bila ada 2 kode <b:loop values='data:posts' var='post'> pilih yang pertama, bila ada 3 pilih yang ke 2.
• Atau ingin membuat teks area dengan background Chainlightning seperti diatas? lihat caranya pada artikel Teks Area Dengan Style Berbeda

4. Save template dan lihat hasilnya

Semoga bermanfaat