Breadcrumb SEO Friendly Untuk Blog

Artikel kami kali ini akan membahas tentang fitur navigasi yang terletak di atas atau bisa juga di bawah judul postingan, yang biasa kita kenal dengan nama Breadcrumb. Pengertian Breadcrumb sendiri kurang lebihnya adalah suatu navigasi yang berisikan kategori atau label dari postingan dan bisanya selalu di awali dengan tombol menuju home (halaman depan blog).

Pada dasarnya Breadcrumb merupakan navigasi sebaris dengan tautan internal yang memungkinkan pengunjung untuk menavigasi balik ke bagian sebelumnya atau ke halaman depan dengan cepat (perhatikan gambar diatas). Sebenarnya kita sering menjumpai fitur semacam ini dalam kegiatan kita sehari-hari ketika menggunakan komputer, seperti ketika rekan-rekan membuka sebuah folder dengan cara double klik my computer, perhatikan pada kolom navigasi, seperti itulah Breadcrumb. Hanya saja kita tidak pernah memperhatikan apa itu namanya, dalam hal ini Breadcrumb diaplikasikan pada blog.

Fungsi Breadcrumb ini termasuk salah satu Tips SEO juga. Karena menurut pembahasan, teknik pemasangan Breadcrumb pada blog, akan mempengaruhi mesin pencari supaya lebih cepat dalam mengenali struktur setiap blog yang dikunjunginya.

Selain itu, pemasangan Breadcrumb ini juga merupakan salah satu teknik membuat link antar halaman, sehingga halaman yang satu dengan halaman yang lain dapat saling terhubung. Tentu saja dengan begitu akan memberikan efek yang sangat baik terhadap pagerank blog.

Bagaimana membuat Breadcrumb pada blog, supaya Breadcrumb tersebut tampil untuk setiap posting artikel ?. Rekan-rekan jangan membayangkan sulitnya memasang Breadcrumb ini pada blog karena sebetulnya cara memasangnya tidak terlalu sulit. Jika rekan-rekan pembaca tertarik untuk mengaplikasikan Breadcrumb ini pada blog maupun website rekan-rekan, berikut kami paparkan tahap demi tahapnya :

• Seperti biasa login terlebih dahulu ke akun Blogger rekan-rekan.
• Langsung menuju Edit HTML.
• Letakkan kode berikut ini tepat sebelum  kode ]]></b:skin> :

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

• Setelah itu, cari kode "<div class='post hentry'>", Letakkan kode berikut ini tepat diatasnya :

<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>

• Simpan Template.

Bagaimana, benarkan tidak sulit. Jika rekan-rekan masih ada yang belum berhasil mengaplikasikan Breadcrumb ini pada blognya, silahkan ajukan pertanyaan melalui kotak komentar dibawah, jika rekan-rekan pembaca ada update informasi mengenai cara lain atau fitur sejenis mari sharing juga di kotak komentar, ilmu yang dibagikan (ditulis) akan bermanfaat, jika tidak untuk orang lain, untuk kita sendiri disaat kita mulai lupa. Semoga bermanfaat.