Sebenarnya pada template bawaan blogger sudah terdapat breadcrumbs, namun pada template tersebut biasanya google tidak bisa mengindeks breadcrumbs kita, oke sekarang kita akan bahas tentang membuat breadcrumbs pada blog
Cara Membuat Breadcrumbs Yang Terindeks Google
- Seperti biasa agan harus login terlebih dahulu pada Dashboard
- Selanjutnya masuk ke bagian pengeditan template
- Cari Kode
]></b:skin>atau</style>lalu simpan kode CSS dibawah ini tepad diatas kode tadi..
.breadcrumbs{padding:0px 5px 5px 0;margin-bottom:20px;margin-top:0px;font-size:11px;color:#5B5B5B;border-bottom:1px dotted #bbb;}Kode Diatas Merupakan Kode CSS, Anda Juga Bisa Mengeditnya Adar lebih tampak Menarik
4. Selanjutnya Cari Kode <b:includable id='main' var='top'> kemudian Ganti dengan :
<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'/> 5. Selanjtunya Simpan Template AndaSelesai deh pemasangan breadcrumbs pada blog sobat, bagaimana mudah kan, ya iyalah orang tanggal copy paste aja kodenya, sekarang coba cek apakah breadcrumbs blog agan sudah terindeks atau belum, untuk itu silahkan saja langsung pergi ke http://www.google.com/webmasters/tools/richsnippets, kemudian salin url postingan sobat kemudian klik pratinjau, maka akan timbul seperti dibawah ini
Perlu agan ketahui bahwa biasanya breadcrumbs baru terindeks sekitar 1-2 hari, oke sekarang admin mau pamit, semoga bermanfaat artikel Cara Membuat Breadcrumbs Yang Terindeks Google
Demikian artikel tentang Cara Membuat Breadcrumbs Yang Terindeks Google ini dapat kami sampaikan, semoga artikel atau info tentang Cara Membuat Breadcrumbs Yang Terindeks Google ini, dapat bermanfaat. Jangan lupa dibagikan juga ya! Terima kasih banyak atas kunjungan nya.
