Cara Membuat Breadcrumbs Pada Postingan Artikel

cara membuat breadcrumbs pada tiap postingan

Cara Membuat Breadcrumbs Pada Postingan Artikel- Memasang Breadcrumbs pada postingan artikel menurut saya sangatlah baik untuk SEO. Banyak Pelaku SEO yang menyakini memasang breadcrumbs pada postingan artikel membantu googlebot untuk lebih cepat mengenali struktur dari blog. Karena halaman-halaman yang ada pada hirarki atas akan mendapat lebih banyak aliran point dibandingkan dengan halaman-halaman yang lebih di bawah hirarki.

Membuat Breadcrumbs pada postingan artikel sangatlah mudah. Breadcrumbs ini adalah sebuah teknik yang mulai populer sejak tahun 2009. Breadscrumbs atau "Remah Roti" adalah istilah yang sering digunakan oleh orang barat untuk hal-hal yang membantu mereka menelusuri posisi mereka dari suatu titik awal. Bagi anda yang ingin memasang breadcrumbs ini, silahkan ikuti langkah-langkah berikut ini :
  • Masuk ke akun blogger saudara
  • Pilih opsi Template -->> Edit Html
  • Simpan dulu Full Template saudara dengan mengklik tombol cadangkan/pulihkan
  • Centang Expand Widget Template
  • Cari Kode ]]></b:skin
  • Tekan Ctrl + F untuk mempermudah pencarian kata
  • Letakan kode di bawah ini tepat di atas kode ]]></b:skin 
 .breadcrumbs {padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:90%; line-height: 1.4em; border-bottom:3px double #eee;}
  •  Setelah itu cari kode seperti di bawah ini
 <b:includable id='main' var='top'>
  • Ganti kode di atas dengan kode di bawah ini.
 <b:includable id='breadcrumb' var='posts'><b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- 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'>
&#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</b:loop>
&#187; <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span>Unlabelled</span> &#187; <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <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 template dan lihat hasilnya, hasilnya akan terlihat seperti gambar di bawah ini
Cara Membuat Breadcrumbs Pada postingan Artikel


Terima kasih sudah membaca artikel tentang . . .

Cara Membuat Breadcrumbs Pada Postingan Artikel

9 Responses so far.

  1. Asal-Usul says:

    Terima kasih banyak gan infonya.
    Blogwalking.

  2. Unknown says:

    sama-sama gan.

    Terima kasih juga atas komentar dan kunjunganya.

  3. obat kuat says:

    MAKASIH BANYAK GAN INFONYA.

  4. Unknown says:

    Sama-sama gan senang bisa membantu.

    Terimakasih juga sudah bersedia berkunjung ^_*

  5. makasih gan ...

  6. Unknown says:

    sama-sama gan . . .

  7. Anonymous says:

    Keren gan tutorialnya . . .

  8. Nice Info gan ..
    sangat bermanfaat ..

  9. Terima kasih infonya, sangat bermanfaat :)

    aldirahmanuntoro.blogspot.com

Leave a Reply

Sobat sedang berburu backlink? Silahkan berkomentar sebanyak-banyaknya karena blog ini dofollow. Sobat boleh berkomentar sebanyak-banyaknya dengan syarat :
1. Berkomentar sesuai dengan tema artikel
2. Jangan berkomentar SARA dan Porno
3. Jangan berkomentar menggunakan LINK AKTIF
Berkomentarlah dengan sopan karena komentar sobat tidak akan di moderasi.