Cara Memasang Breadcrumbs SEO Friendly Banget | Info Bisnis Online
Latest Updates

Cara Memasang Breadcrumbs SEO Friendly Banget

Cara Memasang Breadcrumbs SEO Friendly Banget - SEO, SEO dan SEO. Tak bosan-bosannya Saya membicarakan mengenai SEO ini. Teknik yang sangat popular di kancah Bloghosphere menjadikan SEO sebagai strategi yang sangat bagus untuk mendapatkan kepopuleran blog di kancah dunia.

Jangan lupa Baca Postingan tentang :
Banyak sekali macam teknik yang dapat di lakukan untuk meningkatkan kualitas SEO sebuah blog. Salah satu teknik optimasi yang paling popular adalah SEO Onpage. Atau optimasi yang di lakukan langsung di dalam blog itu sendiri, termasuk optimasi template blog, postingan, dan tag heading.

Breadcrumbs adalah salah satu teknik optimasi dalam halaman (SEO Onpage) yang sangat di perlukan keberadaannya khususnya untuk mengoptimasi blog agar muncul di hasil pencarian dengan mudah. Namun sayangnya masalah yang muncul saat ini adalah Breadcrumbs yang sobat gunakan belum masuk dalam standarisasi optimasi mesin pencari. Untuk itulah postingan kali ini Saya buat agar breadcrumbs yang sobat gunakan menjadi lebih ramah lingkungan, eh salah ramah mesin pencari maksudnya :D.

Cara Memasang Breadcrumbs SEO Friendly Banget

Sebelum menuju ke pembahasan, alangkah baiknya Saya sedikit memberikan gambaran terhadap sobat yang belum begitu atau bahkan belum kenal dengan salah satu optimasi ini. Breadcrumbs adalah sebuah navigasi yang bertujuan untuk mengoptimalkan blog di hasil pencarian. Navigasi ini nantinya juga akan mempermudah pengunjung sobat tentang letak halaman yang mereka kunjungi saat ini. Sobat dapat melihat breadcrumbs blog ini di atas judul postingan.

Baiklah, berikut adalah postingan Cara Memasang Breadcrumbs SEO Friendly Banget. Tanpa panjang lebar :D sobat langsung dapat mengikuti langkah demi langkah mudah berikut ini :
  • LOGIN Akun Blogger Sobat
  • Masuk ke Template
  • Lalu klik tombol Edit Template
  • Cari Kode <b:includable id='main' var='top'> dengan menggunakan fungsi find agar mudah mencari kode (CTRL+F atau F3)
  • Ganti kode yang sudah di temukan tersebut 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'/>
  • Selanjutnya cari kode ]]></b:skin> dan letakkan kode berikut tepat di atas kode ]]></b:skin> tersebut :
.breadcrumbs {padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:85%; line-height: 1.4em; border-bottom:3px double #e6e4e3;}
  • Terakhir Simpan Template
Bagimana? Mudah bukan Memasang Breadcrumbs SEO Friendly Banget? Mudah banget kok. Saya yang masih Newbie aja sudah bisa memasangnya :D hehehe.

Setelah memasang breadcrumbs seo banget di atas, silahkan menunggu beberapa hari agar search engine dapat mengindex breadcrumbs yang baru saja sobat pasang. Jika breadcrumbs masih belum terindex juga, sobat dapat berkonsultasi langsung di kotak komentar di bawah ini.

Mungkin hanya sampai di sini saja pertemuan kita kali ini mengenai Cara Memasang Breadcrumbs SEO Friendly Banget. Semoga dapat bermanfaat buat sobat semua, dan salam sukses untuk blogger Indonesia. SALAM BLOGGER! SALAM INDONESIA!.

0 Response to "Cara Memasang Breadcrumbs SEO Friendly Banget"

Post a Comment