Pada postingan kali ini, Hilbram Kurnia Blog's Tutorial akan membahas artikel SEO yang berjudul Cara Membuat Breadcrumbs Terindex Google. Sebelum kita lanjut kepembahasan artikel, kita bahas terlebih dahulu apaitu Breadcrumbs? Breadcrumbs adalah sebuah navigasi pada blog yang biasanya memberikan informasi kepada pengunjung blog. Breadcrumbs terletak pada bagian navigasi atau tepatnya diatas postingan. Breadcrumbs berguna untuk memberikan informasi kepada visitor akan arah dari suatu artikel tersebut dan tentunnya untuk meningkatkan juga SEO pada blog kita. Bagi Anda yang belum memasang Breadcrumbs diblognya, silahkan Anda baca Cara Membuat Breadcrumbs Master Seo di Blog. Oke langsung saja, berikut Cara Membuat Breadcrumbs Terindex Google:
1. Login ke akun Blogger Anda
2. Pilih blog yang hendak dipasangkan Breadcrumbs, dan pilih Template > Edit Html > Cari kode ]]></b:skin>
3. Copy kode berikut, dan pastekan tepat diatas kode ]]></b:skin> (Apabila dalam kode css template Anda sudah ada kode css untuk breadcrumbs maka kamu bisa mengabaikan langkah pada Cara Membuat Breadcrumbs Terindex Google ini dan masuk ke langkah selanjutnya)
.breadcrumbs {
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:95%;
line-height: 1.4em;
border-bottom:3px double #e6e4e3;
color:#999;
}
<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<!-- No breadcrumb on home page -->
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<!-- breadcrumb for the post page -->
<p class='breadcrumbs'>
<span 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:posts' var='post'>
<b:if cond='data:post.labels'>
<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>
<b:else/>
>Unlabelled
</b:if>
> <span typeof='v:Breadcrumb'><strong class='breadcrumb_last' property='v:title'><data:post.title/></strong></span>
</b:loop>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<!-- breadcrumb for the label archive page and search pages.. -->
<p class='breadcrumbs'>
<span class='post-labels'>
<a expr:href='data:blog.homepageUrl'>Home</a> > Archives for <data:blog.pageName/>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<p class='breadcrumbs'>
<span class='post-labels'>
<b:if cond='data:blog.pageName == ""'>
<a expr:href='data:blog.homepageUrl'>Home</a> > All posts
<b:else/>
<a expr:href='data:blog.homepageUrl'>Home</a> > <data:blog.pageName/>
</b:if>
</span>
</p>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:include data='posts' name='breadcrumb'/>
> Jika dalam template kamu sudah terpasang breadcrumbs tapi belum bisa terindex di google maka tambahkan kode merah yang ada pada script diatas sesuai dengan home, label, dan judul artikelnya.
5. Setelah semua selesai, save template Anda. Untuk cek keberhasilannya, klik disini.
Demikian Cara Membuat Breadcrumbs Terindex Google semoga bisa bermanfaat, apabila ada kesulitan dalam pemasangannya silahkan bertanya di kolom komentar dibawah ini.
2 Komentar
keren..bisa langsung di coba..
Contoh hasilnya mana?
BERI KOMENTAR | KHUSUS PENGGUNA TERDAFTAR
Silahkan beri komentar Anda dengan bijak dan sesuai dengan topik (untuk komentar OOT sebaiknya di Forum Ngopi).