Cara Membuat Breadcrumb SEO Friendly Di Blog Blogger ~ Bejo Cius

Cara Membuat Breadcrumb SEO Friendly Di Blog Blogger - Breadcrumbs adalah sebuah menu navigasi/petunjuk arah halaman yang sedang dibuka berupa link horisontal berntut yang diawali dengan menu Home/Beranda >> Label >> Judul Halaman yang sedang dibuka.

Dan fungsi dari breadcrumbs adalah untuk mempermudah pengunjung dalam melacak maupun mencari lokasi suatu artikel dan dapat kembali ke halaman awal/home-page dengan mudah dengan sekali klik.

Sedangkan manfaat breadcrumb adalah dengan memasang breadcrumb di blog kita maka artikel/postingan di blog kita akan lebih cepat terindex oleh mesin pencari, oleh karena itu pemasangan breadscrumb sangatlah penting untuk memaksmalkan SEO blog kita.

Untuk cara pemasangan breadcrumb silahkan ikuti langkah-langkah berikut :

1. Buka akun Blogger anda
2. Pilih menu Template > Klik Edit HTML
3. Silahkan anda cari kode script seperti di bawah ini (untuk mempermudah pencarian gunakan kode tersebut gunakan tombol Ctrl+L pada keyboard)
4. Setelah kode script diatas ketemu, lalu copy kan kode script di bawah ini tepat di atas kode tersebut
5. Lalu cari lagi kode script dibawah ini.
6. Setelah itu copy code script di bawah ini dan paste kan tepat di atas kode tersebut.

<b:includable id='breadcrumb' var='posts'> <b:if cond='data:blog.homepageUrl != data:blog.url'> <b:if cond='data:blog.pageType == "static_page"'> <div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span><data:blog.pageName/></span></div>
<b:else/> <b:if cond='data:blog.pageType == "item"'>  <b:loop values='data:posts' var='post'> <b:if cond='data:post.labels'> <div class='breadcrumbs' xmlns:v="http://rdf.data-vocabulary.org/#">
 <span typeof="v:Breadcrumb"><a expr:href='data:blog.homepageUrl' rel="v:url" property="v:title">Home</a></span> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast == "true"'>; » <span typeof="v:Breadcrumb"><a expr:href='data:label.url' rel="v:url" property="v:title"><data:label.name/></a></span> </b:if> </b:loop> » <span><data:post.title/></span> </div>
<b:else/> <div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span>Unlabelled</span> » <span><data:post.title/></span></div>
</b:if> </b:loop> <b:else/> <b:if cond='data:blog.pageType == "archive"'>  <div class='breadcrumbs'>
 <span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Archives for <data:blog.pageName/></span> </div>
<b:else/> <b:if cond='data:blog.pageType == "index"'> <div class='breadcrumbs'>
 <b:if cond='data:blog.pageName == ""'> <span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>All posts</span> <b:else/> <span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Posts filed under <data:blog.pageName/></span> </b:if> </div>
</b:if> </b:if> </b:if> </b:if> </b:if> </b:includable>

NB : Code diatas ini akan berfungsi pada label/kategori terakhir yang telah anda buat, jadi jika anda ingin mengaktifkan breadcrumb di setiap label/kategori, maka anda tinggal menghapus code script <b:if cond='data:label.isLast == "true"'> dan code script </b:if>

7. Langkah selanjutnya cari code script ]]></b:skin>
Lalu pastekan kode di bawah ini tepat di atas kode tersebut.
8. Lalu klik Simpan/Save Template

Untuk mengetahui apakah breadtumb sudah bisa terlihat di search angine apa belum, maka anda bisa mengeceknya disini : richsnippets.
Setelah anda membuka link diatas, lalu masukkan salah satu url/alamat postingan yang ada di blog anda dan kemudian klik Perview. Jika berhasil maka judul artikel/postingan blog anda akan muncul di search angine Google.

Demikian cara membuat breadcrumb SEO Friendly di blog Blogger. Semoga bisa membantu dan bermanfaat bagi kita semua.

Cara Membuat Breadcrumb SEO Friendly Di Blog Blogger

Related Post