Cara Memasang Breadcrumbs SEO Friendly Terindex di Pencarian Google - Adalah update dari artikel saya sebelumnya yaitu Cara Memasang Breadcrumbs di Blog. Memasang Breaadcrumbs adalah salah satu optimasi SEO yang harus dilakukan, pengunjung akan dibuat lebih mudah dalam menjelajahi isi blog kita, karena dengan menu navigasi tersebut pengunjung dengan mudah bisa balik ke Homepage atau ke label tertentu. Selain itu pengunjung akan tahu dimana posisi mereka saat melakukan penjelajahan pada blog kita.
Breadcumbs ini sangat disukai oleh search engine, sehingga apabila blog kita memiliki breadcumbs dapat menambah nilai SEO pada blog kita. Di mesin pencarian (SERP), url yang ditampilkan adalah kategori dari postingan sehingga blog anda bisa bersaing untuk mendapatkan posisi top di google SERP.
Sebelum Memasang Breadcrumbs SEO Friendly Terindex di Pencarian Google, hapus dulu Breadcrumbs bawaan blog. Jika blog anda belum terpasang Breadcrumbs maka langsung ikuti langkah dibawah..
1. Login ke Blog
2. Masuk menu Template
3. Edit HTML
4. Cari kode ]]></b:skin>
5. Letakkan kode dibawah ini tepat diatas kode ]]></b:skin>
.breadcrumbs{padding:8px 5px 5px 0;margin:10px 0 0px;font:normal 12px arial; border-bottom:1px dashed silver;font-weight:normal}
6. Carilah kode seperti ini <b:includable id='main' var='top'>
Setelah ketemu, ganti kode tersebut dengan kode :
<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"'>
<!-- breadcrumb for the post page -->
<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' property='v:title' rel='v:url'>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' property='v:title' rel='v:url'><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"'>
<!-- breadcrumb for the label archive page and search pages.. -->
<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>
<b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/>
<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"'>
<!-- breadcrumb for the post page -->
<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' property='v:title' rel='v:url'>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' property='v:title' rel='v:url'><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"'>
<!-- breadcrumb for the label archive page and search pages.. -->
<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>
<b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/>
7. Simpan Template, dan hasilnya akan seperti gambar dibawah. URL yang ditampilkan di mesin pencari adalah kategori postingan sehingga blog anda bisa bersaing untuk mendapatkan posisi top di google SERP.
Untuk melihat hasilnya/tampilannya pada search engine google bisa mengeceknya di Google Richsnippets. Semoga berhasil :)
Judul: Cara Memasang Breadcrumbs SEO Friendly Terindex di Pencarian Google
Rating: 100% based on 99998 ratings. 34 user reviews.
Ditulis Oleh Adincuih
Rating: 100% based on 99998 ratings. 34 user reviews.
Ditulis Oleh Adincuih
mantap bro , ane dapat ilmu baru nih
ReplyDeletehoho tanks bro
DeleteWah...mantap tutornya.
ReplyDeletekalo boleh tau breadcrumbs itu bwt apa yaa?
buat hiasan aja bro :D
Deletedibaca narasi diatas aja, hehe