Minggu, 06 Februari 2011

Manfaat dan cara membuat Breadcrumb di Blog Part 2

Teknik Seo Blogger - Sebelumnya saya sudah membahas tentang tatacara membuat Breadcumb di Blog Part 1, Nah ini tibalah saatnya saya luangkan sedikit waktu untuk membahas tentang Manfaat dan cara membuat Breadcumb di Blog. Apakah blog sobat sudah di pasang navigasi  breadcrumbs? Jika anda ingin lebih mengoptimalkan blog anda agar lebih seo friendly dan user friendly, sebaiknya anda memasang breadcrumbs navigasi. selain untuk mempermudah pengunjung, konon kata para master SEO, si mbah google menyukai blog yang dibuat navigasi breadcrumbs ini, jadi kenapa anda tidak mulai berfikir tentang Manfaat membuat Breadcumb di Blog


Beberapa sumber berita yang saya baca di Internet menyebutkan bahwa google sudah dapat membaca dan memahami data breadcrumbs blog kita, jadi jangan heran bila anda menemukan ada sebuah blog pada hasil pencarian (SERP) url nya yang ditampilkan malah kategorinya.Malah sudah banyak kejadian tuh.
Tentang tata caranya mudah, cuma sedikit beda dengan cara membuat Breadcumb di Blog Part 1, adapun tatacaranya adalah sebagai berikut:
1. Masuk ke Rancangan > Edit HTML > checklist Expand Widget Templates. Untuk mengamankan template anda, sebaiknya download dulu template anda untk berjaga-jaga.
2. Copy kode css berikut lalu pastekan sebelum kode </b:skin>. (gunakan ctrl+f untuk memudahkan pencarian)

.breadcrumbs{border-bottom:1px dotted #999;margin:2em 0 0.5em;padding:0 0 0.5em;font-size:10px}
3. Kemudian cari kode ini di html blog sobat <b:includable id='main' var='top'> dan pasang kode berikut tepat di atas kode tadi.
<b:includable id='breadcrumbs' var='post'>
<!-- Breadcrumbs By Belajar SEO Blogspot, Blog Tutorial, Free Download Software, Tips Ponsel http://www.phonecompi.co.cc -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p class='breadcrumbs'>
<span class='post-labels'>
<b:if cond='data:post.labels'>
Go&#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>
<!-- End of Breadcrums Hack -->
</b:includable>
4. Lalu cari kode <b:loop values='data:posts' var='post'> (biasanya ada 2 kode yg sama pilih kode yang pertama) dan pasang kode berikut di bawah kode tadi
<b:include data='post' name='breadcrumbs'/>
5. Simpan Template anda dan Liat Hasilnya, kalo gagal silahkan pakai cara membuat breadcrumb part 1

Tidak ada komentar:

Posting Komentar