Cara Membuat Breadcrumbs untuk optimalisasi SEO Blog

Kali ini saya akan membahas sedikit tentang optimalisasi SEO Blog. Ya, walaupun saya masih newbe dalam dunia per SEO an, tapi tak ada salahnya berbagi salah satu trik yang sering saya gunakan. Menurut para master, mesin google akan menelusuri artikel mulai dari bagian atas, sehingga bagian tersebut memiliki point penting untuk diisi dengan link menuju artikel yang kita kehendaki untuk terindeks.

Breadcrumbs di blogger

Memasang breadcrumbs diyakini memiliki khasiat yang ampuh bagi para master SEO, sehingga tak jarang kita jumpai blog2 yang memakai breadcrumbs jika mereka bermain SEO.

Langsung saja gimana cara membuatnya, cekibrott:

1. Masuk ke akun blogger
2. Pilih menu TEMPLATE, simpan dulu Full Template saudara dengan mengklik tombol Cadangkan/Pulihkan untuk berjaga - jaga jika terjadi kesalahan.
3. Klik tombol EDIT HTML, centang Expand Widget Template
4. Cari kode ]]></b:skin
5. Letakkan kode di bawah ini tepat di atas kode ]]></b:skin> tadi


.breadcrumbs {padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:90%; line-height: 1.4em; border-bottom:3px double #eee;}


6. Setelah itu cari kode seperti di bawah:


<b:includable id='main' var='top'>


7. Ganti kode di atas dengan kode di bawah


<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'/>


8. Kemudian "Save Template", lihat blog anda, biasanya sih langsung keluar tu breadcrumbs. Jangan lupa untuk memasukkan setiap artikle yang kamu buat ke dalam label yang telah kamu buat ya..

Demikian tips cara membuat breadcrumbs sebagai salah satu tak tik dalam optimalisasi SEO. Semoga bermanfaat.. :)