Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Menciptakan Breadcrumbs Pada Postingan Artikel


Cara Membuat Breadcrumbs pada postingan artikel sesungguhnya sangat mudah. Breadcrumbs ini ialah sebuah teknik yang mulai menjadi animo semenjak tahun 2009. Breadcrumbs atau "remah roti" ialah istilah yang sering dipakai oleh orang barat untuk hal-hal yang membantu mereka menelusuri posisi mereka dari suatu titik awal.

Banyak pelaku SEO meyakini bahwa teknik breadcrumbs ini membantu googlebot untuk lebih cepat mengenali struktur dari blog, alasannya halaman-halaman yang berada pada hirarki atas akan menerima lebih banyak fatwa poin dibandingkan halaman-halaman yang lebih di bawah hirarki.

Secara teknis saya meyakini bahwa teknik breadcrumbs ini membawa efek nyata bagi SEO, alasannya bagaimana pun link antar halaman itu selalu memberi efek nyata dalam fatwa pagerank. Bagi yang ingin memasang breadcrumbs sanggup mengikuti mekanisme berikut:

  • Masuk ke akun blogger saudara
  • Pilih sajian TEMPLATE
  • Simpan dulu Full Template saudara dengan mengklik tombol Cadangkan/Pulihkan
  • Klik tombol EDIT HTML
  • Centang Expand Widget Template
  • Cari arahan ]]></b:skin
  • Letakkan arahan di bawah ini sempurna 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;}

  • Setelah itu cari arahan ibarat ini <b:includable id='main' var='top'>
  • Ganti arahan di atas dengan arahan di bawah

<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 Perubahan. Breadcrumbs akan terlihat ibarat pola berikut (lihat gambar di bawah)


Dengan demikian simpulan sudah pemasangan breadcrumbs pada halaman-halaman artikel blog saudara.

Posting Komentar untuk "Cara Menciptakan Breadcrumbs Pada Postingan Artikel"