Breadcrumbs merupakan teknik yang
akan membantu googlebot untuk mengenali struktur dari suatu blog, hal tersebut
disebabkan karena halaman-halaman yang berada pada hirarki atas akan mendapat lebih
banyak aliran poin dibandingkan halaman-halaman yang lebih di bawah hirarki.
Teknik ini mulai banyak digunakan
oleh para blogger sejak tahun 2009. Breadcrumbs sendiri jika diterjemahkan ke
dalam bahasa Indonesia berarti remah roti, orang-orang barat sering
menggunakan istilah ini untuk membantu mereka menelusuri posisi mereka dari
suatu titik awal.
Banyak ahli SEO yang menyakini bahwa teknik breadcrumbs ini membawa efek
positif bagi SEO, sebab link antar halaman akan memberi efek positif terhadap
aliran pagerank.
Bagi sobat sekalian yang ingin memasang breadcrumbs pada
posting blog sobat, berikut saya share cara memasang breadcrumbs pada blogspot
:
1.
Tentunya langkah awal adalah login ke akun blog sobat.
2.
Pilih menu opsi
lainnya lalu pilih template.
3.
Saran awal saya, sobat simpan terlebih dahulu
backup template sobat dengan masuk ke menu cadangkan/pulihkan
lalu klik unduh template lengkap.
4.
Setelah langkah backup template selesai, masuk
ke menu edit html.
5.
Untuk lebih mempermudah proses pengeditan kode html,
copy seluruh kode html yang ditampilkan ke dalam teks editor seperti MS word
atau notepad, caranya letakkan dan klik kursor diantara kode html kemudian
tekan ctrl + A kemudian tekan ctrl + C
dan kemudian paste di teks editor yang telah sobat siapkan. (Saran saya gunakan
MS Word)
6.
Pada teks
editor tekan ctrl + F untuk membuka kotak pencarian lalu cari kode
]]></b:skin
7.
Setelah kode ]]></b:skin sobat temukan,
letakkan kode dibawah ini tepat diatas kode ]]></b:skin
.breadcrumbs
{padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:90%; line-height:
1.4em; border-bottom:3px double #eee;}
8.
Langkah berikutnya adalah cari kode berikut ini
<b:includable id='main' var='top'>
9.
Setelah sobat menemukan kode tersebut, gantilah
dengan kode di bawah ini
<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'>
»
<span typeof='v:Breadcrumb'><a expr:href='data:label.url'
property='v:title'
rel='v:url'><data:label.name/></a></span>
</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'/>
10. Selanjutnya
copy kembali seluruh kode html dari teks editor ke editor html blogger, caranya tekan ctrl + A lalu
tekan ctrl + C kemudian paste di editor blogger dengan menekan ctrl + A
terlebih dahulu lalu ctrl + V.
11. Langkah
terakhir adalah klik Simmpan template.
Sekian untuk artikel sederhana
saya kali ini, semoga sukses dengan triknya N selamat mencoba.
Sumber : http://trikmudahseo.blogspot.com/ Jika mengutip harap berikan link yang menuju ke artikel Memasang Breadcrumbs Pada Posting Blog ~ Tutorial SEO Blogspot ini. Sesama blogger mari saling menghargai. Terima kasih atas perhatiannya
Tidak ada komentar:
Posting Komentar