Hiasan Blog yang Mendukung SEO (Breadcrumb Navigation)

   Membaca judul posting ini anda jangan berpikir aneh-aneh, karena sebenarnya saya hanya ingin memaparkan tentang sebuah tambahan pada blog yang biasanya disebut dengan Breadcrumbs, namun karena artikel dengan judul "Memasang Breadcrumbs di Blog" sudah sangat banyak yang membuatnya akhirnya saya gunakan saja judul "Hiasan Blog yang Mendukung SEO".

Mengapa saya katakan Breadcrumbs adalah hiasan blog yang mendukung SEO, karena menurut pengalaman saya bahwa setelah memasang breadcrumbs otomatis tingkat keterlihatan blog kita dimata mesin pencari menjadi lebih mantap dan mudah sekali terindex. Paling tidak itulah yang saya rasakan.

Khusus buat anda yang belum tau apa itu breadcrumb navigation silahkan lihat dulu gambar berikut:

Breadcrumb Navigation

Dalam gambar terlihat bahwa dibawah judul posting saya "Sewa Ruang Kantor Jakarta Murah" terdapat sebuah baris yang berisi daftar Label dan Judul posting, nah itulah yang kita sebut Navigasi Breadcrumb.


Setelah anda tau apa itu Navigasi Breadcrumb sekarang saya tunjukkan cara memasangnya:

1. Silahkan login ke blogger anda.
2. Klik Tata Letak.
3. Klik tab Edit HTML
4. Click Download Full Template (Untuk keamanan jika nanti terjadi error).
5. Silahkan beri tanda centang pada kotak kecil di samping tulisan Expand Template Widget.
   
6. Silahkan cari kode ]]></b:skin>
7. Copy lalu paste kode di bawah ini persis di atas kode ]]></b:skin>
   .breadcrumbs{ 
   padding:5px 5px 5px 0; 
   margin:0;font-size:85%; 
   line-height:1.2em; 
   border-bottom:4px double #eee; 
   }
8. Silahkan cari kode berikut pada template anda :
   <div class='post hentry uncustomized-post-template'>
9. Copy lalu paste kode di bawah ini persis di bawah kode <div class='post hentry uncustomized-post-template'>

<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='breadcrumbs'> <font color='black'><i>Browse : <a expr:href='data:blog.homepageUrl'>Home</a> &gt; <b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' rel='tag'><data:label.name/></a> <b:if cond='data:label.isLast != &quot;true&quot;'> , </b:if> </b:loop> </b:if> &gt; <a expr:href='data:post.link'><data:post.title/></a> </i></font></div> </b:if> </b:if>

10. Klik tombol Save Template.

Sekarang coba lihat tampilan blog anda, bagaimana sudah terlihat kan adanya Navigasi Breadcrumb dibawah Judul Posting ???

Semoga Bermanfaat :)

Sumber http://www.wahyu-winoto.com/

Share :

Tweet

✚

Related Post