Optimasi SEO Breadcrumbs Pada Blog

SEO Blogger

Teknik Optimasi SEO Breadcrumbs Pada Blog – Breadcrumbs jika di artikan lebih secara umum merupakan sebuah teknik yang digunakan untuk hal-hal yang membantu menelusuri posisi dari suatu titik awal.

Banyak pemain SEO berpendapat bahwa teknik breadcrumbs dapat membantu googlebot untuk lebih cepat mengenali struktur dari blog, karena halaman-halaman yang berada pada hirarki atas akan mendapatkan lebih banyak aliran poin dibandingkan halaman-halaman yang lebih dibawah hirarki.

Teknik Optimasi SEO Breadcrumbs Pada Blog

Ini juga salah satu teknik optimasi SEO yang saya lakukan pada blog, karena teknik breadcrumbs ini membawa efek positif bagi SEO & juga pagerank. Berikut ini akan saya bagikan cara memasang breadcrumbs pada postingan blog. Yuk disimak!

Cara Memasang Breadcrumbs Pada Postingan Blog

  • Masuk ke akun blogger anda
  • Pilih menu TEMPLATE
  • Simpan Template Anda dengan mengklik tombol Cadangkan/Pulihkan
  • Klik tombol EDIT HTML
  • Buka semua kode template. Caranya, klik di sembarang tempat di dalam kode. Tekan CTRL+A,
  • lalu tekan CTRL+C, lalu tekan DEL, dan terakhir paste dengan menekan CTRL+V
  • 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>
    .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:

<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 == &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.
Baca Juga  5 Hacker Remaja Kelas Dunia

Demikian artikel mengenai Teknik Optimasi SEO Breadcrumbs Pada Blog

Posted in:

Tinggalkan Balasan