Pada artikel tutorial blog pada hari ini, saya akan berbagi bagaimana cara agar Breadcrumb terindex oleh Google.
Sebelumnya, apakah kamu tahu apa itu Breadcrumb? Breadcrumb adalah link atau tautan yang biasanya sering kamu temukan di atas sebuah judul artikel, bentuknya seperti Home >> Kategory atau Label >> Judul Artikel.
Untuk demonya, kamu bisa lihat di atas artikel ini, bentuk: seo-bagus.blogspot.com > download > film. Atau lebih jelasnya, lihat pada gambar diatas.
Kemarin, saya sempat mengecek blog ini. Saya ingin mengecek apakah breadcrumb blog ini terindex Google atau tidak, dan ternyata tidak. Lalu saya mencari kesana-kesini tutorial cara membuat breadcrumb terindex Google. Dan akhirnya saya dapat dan langsung mempratekkan tutorialnya. Hasilnya, Breadcrumb blog saya terindex hari itu juga.
Saya tidak tahu apa keuntungan dari Breadcrumb terindex Google. Yang pasti banyak para blogger yang mencari tutorial ini.
Jadi, langsung saja simak tutorial lengkap Cara Membuat Breadcrumb Blog Terindex Google yang saya dapat:
2. Buka menu Template > Edit HTML > Centang "Expand Template Widget"
3. Lalu tambahkan kode berikut diatas kode ]]></b:skin>
.breadcrumbs{padding:0 5px 5px 0;margin:0 0 5px;font-size:11px;border-bottom:1px dotted #ccc;font-weight:normal}
4. Setelah itu kamu cari kode <b:includable id='main' var='top'>, lalu ganti dengan kode berikut
<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>
5. Save template kamu
6. Untuk mengecek apakah breadcrumb blog kamu sudah terindex silahkan masuk ke website ini:
http://www.google.com/webmasters/tools/richsnippetsMasukkan url artikel, bukan url homepage.
7. Bagi kamu yang templatenya sudah ada fitur Breadcrumb, kamu hanya perlu mengikuti tutorialnya dari langkah nomor 4.
Bagaimana, sangat mudah bukan? Semoga tutorial ini juga dapat membuat blog menjadi SEO friendly.
Sekian dari saya tentang Cara Membuat Breadcrumb Blog Terindex Google, semoga dapat bermanfaat. TERIMAKASIH!
No comments:
Post a Comment