Cara Memasang Breadcrumbs SEO Friendly

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم

Cara Memasang Breadcrumbs SEO Friendly

  Kembali lagi Sobat Blitarian4rt, kali ini saya memposting artikel tentang Cara Memasang Breadcrumbs SEO Friendly. Breadcrumbs memang sudah banyak diketahui oleh para Blogger, tapi juga belum tentu mengerti betul apa Fungsinya. Fungsi dari Breadcrumbs sendiri, adalah untuk memudahkan Crawler untuk menentukan Struktur Blog. Misal anda memposting artikel dengan label : Blogger, SEO, Tips, maka yang tampak di Search Engine adalah www.bloganda.com > Blogger > SEO > Tips. 

  Tapi tidak semua Breadcrumbs bisa diterjemahkan oleh Crawler. Breadcrumbs yang abal-abalan (asal-asalan) tidak bisa diindex oleh Google. Maka yang tampil adalah URL postingan tersebut. Karena itu saya memberikan solusi untuk memasang Breadcrumbs yang benar-benar SEO Friendly dan mudah Terindex oleh Google. Breadcrumbs juga berpengaruh dengan Pagerank, bisa digambarkan adalah Aliran Chi (sok tau) Blog itu untuk mempermudah aliran Pagerank. Oke ! Langsung ke Inti !

• 1. Login ke Blogger
• 2. Pilih Menu Template
• 3. Edit HTML
• 4. Cari Kode ]]></b:skin>, lalu masukkan CSS dibawah ini tepat diatasnya

.breadcrumbs{margin:0 0 15px;border:1px solid #E0E0E0;-moz-box-shadow:0 2px 4px #E7E7E7;-webkit-box-shadow:0 2px 4px #E7E7E7;padding:0 10px 15px;box-shadow:0 2px 4px #E7E7E7;background-color:white;overflow:hidden}

.breadcrumbs{padding:5px;font-size:80%}

• 5. Setelah itu cari kode <b:includable id='main' var='top'>, lalu pastekan dibawahnya dengan Kode dibawah ini

<b:includable id='breadcrumbs' var='posts'><b:if cond='data:blog.homepageUrl != data:blog.url'>
<div class='breadcrumbs'>
<span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a class='homex' expr:href='data:blog.homepageUrl' itemprop='url'><span itemprop='title'>Home</span></a></span>
&#187;
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'>
<a expr:href='data:label.url' itemprop='url'><span itemprop='title'><data:label.name/></span></a></span>
<b:if cond='data:label.isLast != &quot;true&quot;'> &#187; </b:if>
</b:loop>
<b:else/>
&#187;Unlabelled</b:if>
&#187; <span><data:post.title/></span>
</b:loop>
</div>
</b:if>

Note : Anda bisa mengganti Unlabelled dengan Tulisan yang anda inginkan untuk Postingan yang tidak mempunyai label

• 6. Simpan Template

 Untuk menunggu pengindeks-an Google, tunggu kurang lebih 2 hari untuk melihat hasilnya. Agar lebih cepat terindex saya sarankan anda membaca artikel saya tentang "Cara Mempercepat Indeks Google dengan Tangan Sendiri". 

 Jika sudah berhasil silahkan komentar bro ! Bisa juga dishare biar tambah Joss Gandoss ! Oke, Terima Kasih, Salam Blogger !

ٱلْحَمْدُ لِلَّهِ رَبِّ ٱلْعَٰلَمِين

Judul :Cara Memasang Breadcrumbs SEO Friendly
Dipublikasikan oleh:Unknown
Dipublikasian pada :2013-06-09T21:13:00+07:00
Rating : 4.9
Direview oleh : 3765 Orang
Terima Kasih sudah mau membaca artikel saya yang berjudul Cara Memasang Breadcrumbs SEO Friendly. Copy Paste tidak dilarang kok ! Asal mencantumkan link sumbernya ^_^, sudah 3 Blog saya laporkan dan terhapus lho gara-gara copy paste lho, jadi mohon hati-hati ya.....

Suka Dengan Artikel ini ? Klik tombol dibawah ini, terutama yang Plus One ya !