cara membuat breadcrumbs pada postingan artikel blogspot -->

cara membuat breadcrumbs pada postingan artikel blogspot

cara membuat breadcrumbs pada postingan artikel blogspot
cara membuat breadcrumbs pada postingan artikel blogspot Saya rasa semua orang sangat menginginkan tampilan blognya itu sangat ideal dan indah di pandang demi kenyamanan para pengunjung juga sangat menginginkan tampilan yang seo frendlly karena tidak hanya dari isi yang menjadi penilaian oleh pengunjung tetapi juga tampilan yang mendukung dan akan membuat betah para tamu blog itu nah sang empunya blog kali ini akan membahas sedikit tentang tampilan blog seo frendly dengan sentukan breadcrumbs. 

Cara Membuat Breadcrumbs pada postingan artikel sebenarnya itu tidaklah susah alias sangat mudah. Breadcrumbs ini adalah sebuah teknik yang mulai trend sejak pada tahun 2009. Breadcrumbs adalah istilah yang sering digunakan oleh orang barat untuk hal-hal yang membantu mereka menelusuri posisi mereka dari suatu titik awal ke titik yang brikutnya. 

Dan seperti yang saya lihat saat ini banyak pelaku SEO meyakini bahwa teknik breadcrumbs ini sangat membantu googlebot untuk lebih cepat mengenali struktur dari blog, karena halaman-halaman yang berada pada hirarki atas akan mendapat lebih banyak aliran poin dibandingkan halaman-halaman yang lebih di bawah hirarki. 

Maka dari itu secara teknis saya dapat 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: 
  • Pastikan komputer anda terkoneksi dengan jaringan internet.
  • Masuk ke akun blogger sobat.
  • Pilih menu TEMPLATE.
  • Simpan dulu Full Template saudara dengan mengklik tombol Cadangkan/Pulihkan.
  • Klik tombol EDIT HTML.
  • Klik di antara kode HTML, lalu tekan CTRL+F untuk membuka kotak pencarian. Cari kode ]]></b:skin>.
  • Letakkan kode di bawah ini tepat di atas kode ]]></b:skin> tersebut.
.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 diatas 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 == &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 seperti contoh berikut (lihat gambar di bawah)
    Demikian tips kali ini yang bisa saya berikan semoga bermanfaat untuk kita semua terutama bagi saya sendiri

    TerPopuler