Pasang Breadcrumb Template SEO Friendly - Kali ini saya akan memberikan tutorial blog agar template menjadi SEO Friendly yang bisa meningkatkan SERP yaitu memasang breadcrumb pada blog. Meskipun sudah banyak yang membahas tentang navigasi ini tapi saya mencoba berbagi lagi apa yang saya dapatkan. Pada dasarnya Breadcrumb merupakan navigasi seo yang sebaris tautan internal pada bagian atas atau bawah laman yang memungkinkan pengunjung untuk menavigasi balik ke bagian sebelumnya atau ke laman dasar dengan cepat. Banyak breadcrumbs memiliki laman yang paling umum (biasanya laman dasar) sebagai tautan pertama dan paling kanan dan memuat bagian yang lebih spesifik keluar ke sisi kanan.Jika anda tahu revolution theme karya brian gardner, mungkin anda pernah melihat deretan navigasi sederhana di atas judul artikel yang sedang di baca, sebagai contoh screenshotnya seperti ini :
Pengertian yang mudah tentang breadcrumb adalah kategori blog kita mendapat kesempatan terindex di search engine. Jika seperti ini maka sebuah kategori penting dalam relefansi pengelompokan artikel. Semakin relefan artikel dalam sebuah category maka semakin berkesempatan untuk tamil di search engine google.
Cara pasang navigasi breadcrumb berikut ini :
- Login ke blogger degan ID anda.
- Klik Tata Letak.
- Kemudian klik tab Edit HTML
- Click Download Full Template and please back up your template first. Untuk menghindari bila sewaktu-waktu ada kesalahan.
- Beri tanda centang pada kotak kecil di samping tulisan Expand Template Widget.
- Cari kode ]]></b:skin>
- Copy lalu paste kode di bawah ini persis di atas kode ]]></b:skin>
.breadcrumbs{
padding:5px 5px 5px 0;
margin:0;font-size:95%;
line-height:1.4em;
border-bottom:4px double #cadaef;
}
- Silahkan cari kode berikut pada template anda :
<div class='post hentry uncustomized-post-template'>
- 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 == "item"'> <div class='breadcrumbs'> Browse » <a expr:href='data:blog.homepageUrl'>Home</a> » <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 != "true"'> , </b:if> </b:loop> </b:if> » <data:post.title/> </div> </b:if> </b:if>
Simpan dan lihat hasilnya dengan melihat dipostingan anda. Style template seperti ini akan menambah seo friendly sebuah template dan semoga akan semakin meningkatkan serp anda dalam search engine. Tidak lupa untuk mendukung saya di Hidup Untuk Berbagi dengan cara mengcopy code link di bawah ini dan letakan di widget blog anda:
<a href="http://ndyteens.blogspot.com/2009/12/hidup-untuk-berbagi-sesama-blogger.html" title="Hidup Untuk Berbagi">Hidup Untuk Berbagi</a>Thanks yang sudah suport saya selama ini :)
Posted by: Andi Setyoko
Berita Harian, Updated at: 1:09 AM
