Kamis, 07 November 2013

Browse Manual » Wiring » » » » » » » » » Membuat Blog Lebih SEO Dengan Memasang Breadcrumb di Blog

Membuat Blog Lebih SEO Dengan Memasang Breadcrumb di Blog

Membuat Blog Lebih SEO Dengan Memasang Breadcrumb di Blog - Cara ini banyak direkomendasikan oleh para webmaster guna untuk membuat blog lebih disukai search engine. Masih ingat dengan postingan saya tentang cara cepat terindeks mbah google khan? ta, cara ini adalah salah satu cara seo onpage agar blog cepat di indeks google dan juga untuk menaikkan posisi blog di serp. Memasang breadcrumb ini sudah menjadi cara seo utama bagi para blogger karena dengan memasang breadcrumb di blog maka anda telah melakukan satu langkah seo onpage cara webmaster dalam blog anda.

Gimana sih yang dimaksud dengan breadcrumb itu?

Pada dasarnya Breadcrumb merupakan navigasi seo sebaris dengan tautan internal yang memungkinkan pengunjung untuk menavigasi balik ke bagian sebelumnya atau ke halaman depan dengan cepat.

Jadi simple-nya seperti ini : search engine selalu membaca label atau tags setiap postingan blog, karena saat ini google sudah tidah menggunakan meta tag keyword lagi untuk mengindeks suatu website/blog, maka yang jadi perhitungan google saat ini adalah meta description dan label (kategori). Maka dari itu semakin relevan sebuah label dengan isi postingan (artikel) maka akan semakin mendapatkan kesempatan tampil di halaman depan google.

Lihat gambar


Apa perlunya kita memasang Breadcrumb di blog?

Tujuan semata mata memasang breadcrumb adalah semata mata untuk membantu robot search engine saat meng-crawl, mengindeks atau menelusuri setiap jengkal atau sudut dari pada blog kita, agar lebih mudah dan lebih cepat terindeks.

Gimana cara memasang breadcrumb itu?

Bailah kita sekarang mulai measang breadcrumb di blog yang tentunya dimaksudkan agar blog lebih seo friendly. Caranya adalah :

1. Login ke Blogger kawan. 

2. klik Rancangan klik Edit HTML. 

3. Beri tanda centang pada kotak di samping tulisan Expand Template Widget. 

4. Lalu sobat cari kode ini. Agar lebih mudah dengan menggunakan Ctrl F atau F3. 
]]></b:skin>

5. Kalau sudah ketemu copy kode dibawah ini dan paste diatasnya. 
.breadcrumbs{padding:0 5px 5px 0;margin:0 0 5px;font-size:11px;border-bottom:1px dotted #ccc;font-weight:normal}

Setelah itu cari kode  <b:includable id=main var=top> , hapus kode tersebut dan ganti dengan kode berikut,

<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>
<b:if cond=data:label.isLast == &quot;true&quot;>
 &#187; <span typeof=v:Breadcrumb><a expr:href=data:label.url property=v:title rel=v:url><data:label.name/></a></span>
</b:if>
</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/>

Jangan lupa klik SAVE.

Demikianlah cara membuat blog lebih seo dengan memasang breadcrumb di blog semoga bisa bermanfaat buat anda. Keep blogging bro!

Diposting oleh di
Label: , , , , , , ,

Tidak ada komentar:

Posting Komentar

Langganan: Posting Komentar (Atom)