Hiasan Blog yang Mendukung SEO (Breadcrumb Navigation)




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.
    expand
  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 ???


*** 
Baca juga: Sewa Ruang Kantor Jakarta Murah dan Ultrabook Notebook Tipis Harga Murah Terbaik dan Sepeda Motor Injeksi Irit Harga Terbaik Cuma Honda






Ada 5 komentar untuk artikel Hiasan Blog yang Mendukung SEO (Breadcrumb Navigation)

M.Misbahul Munir on Sabtu, 28 April 2012 23.50.00 WIB mengatakan...

keren bgt,,maksih tas infonya sobat,,sekali mampir di blog saya,apakah dah bagus pa lum?di koment zaw sob

Contoh Text Recount on Senin, 14 Mei 2012 15.03.00 WIB mengatakan...

Wah langsung saya coba...
Untuk indeksnya berapa lama?...

bloger kere on Senin, 28 Mei 2012 18.58.00 WIB mengatakan...

ko punya saya tidakmuncul yah,padahal sudah sesuai dengan petunjuk ,gmn nih

edwin on Jumat, 01 Juni 2012 23.57.00 WIB mengatakan...

gagal mas Bro... hiks hiks
ada apa yak ma blog ane? :(

infoinfo unik on Jumat, 06 Juni 2014 21.49.00 WIB mengatakan...

Terima kasih, tutorialnya sangat bermanfaat sekali


Poskan Komentar

 


garis hitam panjang
garis hitam panjang