Rabu, 10 April 2013

Tips Cara Membuat Navigasi Breadcrumb

cara membuat navigasi breadcrumb Sepertinya, untuk menjelaskan apa itu navigasi Breadcrumb cukup sulit. Apalagi buat pemula. Maka dari itu saya buatkan sedikit screenshot dari navigasi ini. Lihat di atas. Yang di birui itu merupakan navigasi Breadcrumb.  Atau bisa juga lihat di atas dari judul postingan ini. Tampak jelaskan? Kata-katanya ni ya, navigasi ini bagus juga untuk meningkatkan SEO suatu blog, apa iya?


Mari kita telusuri !!

Pikir-pikir iya, kenapa? Lihat tulisan yang ditampilkan. Bukankah tulisan tersebut yang lebih dulu tercrawl? Betulkan?  Lihat juga tulisannya, sama dengan judul.. Dan satu lagi, navigasi ini membuat postingan bagian awal berserak keyword. Bukankah baik untuk teknik top serp google search ? Emang sih, ini memang bukan satu-satunya cara agar bisa nongol di halaman pertama google, tapi ini pasti ada kontribusinya walaupun tidak besar. Dan yang terakhir, ga salahkan kalau navigasi ini dipasangkan di blog, tepatnya di atas judul postingan.


Untuk membuatnya sangat mudah, ikuti langkah di bawah:


1. Pastikan kalau sobat modif sudah masuk ke blogger. Pergilah ke menu Edit HTML. Lalu centanglah expand template widget.
2. Lalu kita mulai dengan mencari kode berikut: <b:if cond='data:post.title'>
3. Setelah dapat, letakkan kode berikut di bawahnya:


<b:if cond='data:blog.pageType == "item"'>
<a href='http://namablog.blogspot.com/'>Home</a> &#187;
<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"'> &#187; </b:if>
</b:loop>
&#187;
</b:if>
<a expr:href='data:post.link'><data:post.title/></a>
</b:if>


4. Save dan lihatlah sekarang tampilan blog sobat modif

Mudah sekali bukan,, .

Sumber Artikel

Tidak ada komentar:

Posting Komentar