Cara Mudah Membuat Breadcrumbs di Postingan Blog

Cara Mudah Membuat Breadcrumbs di Postingan Blog - Berbagai macam teknik SEO selalu dioptimasi agar situs mereka dapat segera terindex dengan cepat. Salah satu trik yang digunakan adalah dengan memasang breadcrumbs di atas postingan yang berisi letak sebuah artikel itu berada.

Fungsi breadcrumbs adalah untuk menunjukkan lokasi artikel saat pengunjung datang di situs yang dikunjungi. Selain itu, menurut beberapa orang membuat breadcrumbs akan secara signifikan meningkatkan trafik. Tetapi banyak diantara mereka yang melakukan optimasi secara berlebihan yang belum tentu menciptakan hasil yang memang disukai Google.

Secara teknis saya meyakini bahwa teknik breadcrumbs ini membawa efek positif bagi SEO, karena bagaimana pun link antar halaman itu selalu memberi efek positif dalam aliran pagerank. Bagi yang ingin memasang breadcrumbs bisa mengikuti prosedur berikut:

Masuk ke akun blogger saudara
Pilih menu TEMPLATE
Simpan dulu Full Template saudara dengan mengklik tombol Cadangkan/Pulihkan
Klik tombol EDIT HTML
Buka semua kode template. Caranya, klik di sembarang tempat di dalam kode. Tekan CTRL+F untuk membuka kotak pencarian. Masukan kode ]]></b:skin> lalu tekan ENTER.
Jika sudah, 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:80%; line-height: 1.4em; border-bottom:3px double #eee;}

Setelah itu cari kode seperti di bawah:

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

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

Simpan Perubahan.

Coba buka salah satu artikel anda apakah terlihat breadcrumbs seperti gambar dibawah:

Jika tanda blog anda terlihat seperti di atas maka anda sudah merhasil memasang breadcrumbs dan secara tidak langsung anda juga sudah menerapkan salah satu kriteria template yang seo.

Dengan demikian selesai sudah cara membuat breadcrumbs semoga blog anda cepat terindex oleh google dan banyak pengunjung.