Cara Menambahkan Breadcrumb pada Blogger

Diposting pada
Cara Menambahkan Breadcrum Pada Blogger

Breadcrumb ialah sebuah navigasi yang berguna untuk memudahkan pengunjung  supaya dapat kembali ke halaman sebelumnya. Breadcrumb pada dasarnya terdiri dari  sebuah hirarki link yang menunjukan halaman home atau beranda, kemudian berisikan halaman kategori dari postingan yang di publish dan berisi judul dari halaman postingan yang di publish.

Breadcrumb memang dibuat sebagai suatu navigasi dengan tujuan untuk pengoptimalan seo, supaya postingan kita dapat mudah dipahami oleh search engine. Hal ini dikarenakan pada beberapa search engine seperti google sudah tidak mempergunakan lagi, sebuah meta tag keyword untuk mengindeks suatu blog.

Saat ini search engine seperti google mengindeks sebuah blog dengan sebuah meta description dan kategori/label dari blog yang kita miliki. Umumnya search engine akan merayapi setiap postingan yang kita publish apabila postingan kita sudah kita indeks  di search engine tersebut. Oleh karenanya sangat penting bagi blog kita untuk kita perbaiki terutama dari stuktur ataupun kelengkapan dari blog yang kita buat, sehingga nantinya akan terbaca sangat baik ketika perangkianggan oleh search engine tersebut.

Pada penggunaanya Breadcrum hanyalah sebaris tautan yang berisi beberapa link seperti home, kategori dan judul postingan  yang nantiya dapat mempermudah para pengunjung blog anda untuk melakukan navigasi balik menuju halaman sebelumnya ataupun kehalaman depan dari blog anda dengan cepat. Selain itu juga dapat mempermudah pengunjung untuk mencari informasi lainnya seperti mencari informasi pada kategori yang sama. Tentunya hal ini juga akan mengurangi bounce rate dari sebuah blog karena pengunjung akan berlama-lama di blog anda.

Keberadaan Breadcrumbs sendiri tentunya seakan sudah menjadi hal wajib digunakan oleh kalangan blogger. Biasaya Pembuat tema blog saat ini, sudah menggunakan fitur ini di masing-masing tema yang telah mereka buat. Namun apabila anda masih menggunakan tema bawaan yang disediakan oleh blogspot, yang belum dilengkapi fitur ini, maka sebaiknya  anda menambahkan fitur ini agar blog anda menjadi lebih baik lagi.

Baca juga  Cara Membuat Sidebar About author box Menarik di Blogger

Untuk membuatnya sangatlah mudah, anda hanya perlu mengikuti petunjuk dibawah ini

  • Pertama-tama, Anda harus pergi ke Dashboard.
  • Lalu Anda harus mengklik menu Tema.
  • Selanjutnya pilih edit HTML.
  • Kemudian cari kode  <div class=’post hentry’> dengan menekan CTRL+ F. jika sudah ketemu maka Salin kode dan tempel kode ini setelah 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>
  • Kemudian Anda harus mencari kode  ]]></b:skin> . Jika sudah ketemu maka salin kode dibawah ini dan tempel  sebelum kode ]]></b:skin>
.breadcrumbs{ 
margin:0;
padding: 4px 4px 4px 0;
font-size:80%; 
line-height:1.4em; 
border-bottom:4px double #f6f6f6
}
  • Jika sudah klik save dan lihatlah hasilnya

Sekian mungkin pembahasan mengenai cara menambahkan Breadcrum pada Blogger, pada penerapannya sangatlah mudah dan anda dapat terapkan pada tema anda yang belum memiliki breadcrum. Pada penggunaanya sendiri breadcrum bisa dibilang peting diaplikasikan di blog anda supaya navigasi blog anda lebih optimal ketika diindeks oleh search engine. Apabila ada yang ingin anda tanyakan seputar penerapannya di blog anda bisa tinggalkan pertanyaan pada kolom komentar yang telah disediakan.

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *