Cara Menciptakan Breadcrumb Navigation (Seo On Page)

Bagi teman yang belum tau apa itu breadcrumb, breadcrumb itu ialah history daerah artikel kita dan biasa digunakan di forum2, misalkan teman post artikel di parent kategori “SEO” terus ada subkategorinya “tutorial blog”, dst. Intinya, breadcrumb digunakan untuk megampangkan pembaca biar mengetahui kategori dan sub kategori dari bacaan yang sedang dibaca.

Breadcrumb navigation dan SEO On Page

Nah terus apa dong hubungannya dengan seo terutama seo on page? kekerabatan intim kah? hehehe... hubungannya dengan seo, terutama seo google ialah sesuai kode dari simbah google sendiri. Neh kutipannya

makanya, membuat breadcrumb navigation ialah salah satu bab dari meningkatkan secara optimal web atau blog teman alasannya ialah memang beliau disukai oleh mesin pencari (seo friendly). Selain mempercantik blog kita juga sanggup menambahkan poin seo juga pada blog kita. Oke kita eksklusif aja ke bagaimana menciptakan breadcrumb navigation pada blog:

Cara menciptakan breadcrumb navigation

1. Log in ke blogger.com
2. Pilih design atau rancangan
3. Pilih edit html,centang expand temlate widget biar tiruana kode muncul tiruana dan jangan lupa back up template untuk jaga jaga dengan cara mendownload full template
4. Lalu Cari kode tag ]]></b:skin>> dan letakkan kode diberikut ini diatasnya

   .breadcrumbs{border-bottom:1px dotted #999;margin:2em 0 0.5em;padding:0 0 0.5em;font-size:10px}

    
5. Cari kode <b:includable id='main' var='top'> 
6. Jika sudah ketemu , letakkan kode diberikut ini diatas kode no.6
   

   <b:includable id='breadcrumbs' var='post'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p class='breadcrumbs'>
<span class='post-labels'>
<b:if cond='data:post.labels'>
Anda Berada di&#160; :
<a expr:href='data:blog.homepageUrl' rel='tag'>Home</a> &gt;
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == &quot;true&quot;'>
<a expr:href='data:label.url' rel='tag'> <data:label.name/></a>
</b:if>
</b:loop>
<b:if cond='data:post.title'>
&gt; <b><data:post.title/></b>
</b:if>
</b:if>
</span>
</p>
</b:if>
</b:includable>

    
7. Cari kode <b:loop values='data:posts' var='post'> biasanya ada ludang keringh dari 1, tergantung templatenya, template aku saja ada 4 kode yang sama, pilih kode yang tepat dibawah letak kode kita di poin 6 tadi dan ketikkan kode diberikut dibawahnya
   

   <b:include data='post' name='breadcrumbs'/>

    
8. Save template .

Selesai, kini blog teman sudah memiliki navigation breadcrumb yang sifatnya seo friendly. Semoga artikel wacana cara menciptakan breadcrumb navigation pada blog ini berguna untuk sobat.

Advertisement