Cara Mudah Membuat Breadcrumbs, [SEOSangatMudah] - Hallo sobat blogger yang berbahagia Tips & Trik SEO, Posting yang saya unggah pada kali ini dengan judul Cara Mudah Membuat Breadcrumbs, [SEOSangatMudah] , Artikel ini bertujuan untuk memudahkan kalian mencari apa yang kalian inginkan, kami telah mempersiapkan artikel ini dengan baik untuk kalian baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel desain, Artikel SEO, Artikel tips trik blogging, yang kami tulis ini dapat kalian pahami dengan baik, semoga artikel ini berguna untuk kalian, jika ada kesalahan penulisan yang dilakukan oleh penulis mohon dimaafkan karena penulis masih newbie. baiklah, selamat membaca.

Judul : Cara Mudah Membuat Breadcrumbs, [SEOSangatMudah]
link : Cara Mudah Membuat Breadcrumbs, [SEOSangatMudah]

Cara Mudah Membuat Breadcrumbs, [SEOSangatMudah]

Cara Mudah Membuat Breadcrumbs � Breadcrumbs merupakan suatu tools navigasi tambahan yang dapat digunakan untuk meningkatkan kualitas SEO blog. Breadcrumbs berfungsi untuk mengelompokkan artikel (mulai dari home > tag 1 > tag 2 > judul postingan blog), sehingga lebih memudahkan navigasi pengunjung. Untuk lebih jelasnya, lihat preview breadcrumbs dibawah ini :

Secara garis besar, terdapat 2 jenis breadcumbs, yaitu breadcrumbs diindeks Google dan ditampilkan di hasil pencarian, serta breadcumbs yang diindeks, tetapi tidak ditampilkan di hasil pencarian. Untuk breadcrumbs versi ini, breadcrums akan diindeks Google, namun tidak akan ditampilkan oleh Google. Lihat gambar dibawah ini untuk membedakannya.

Keterangan :

Breadcrumbs yang diindeks dan ditampilkan di hasil pencarian Google (1)

Breadcrumbs yang diindeks namun tidak ditampilkan di hasil pencarian Google (2)

Cara Membuat Breadcrumbs :

1.   Login Ke Blogger, lalu masuk ke Template.

2.   Buatlah sebuah cadangan (backup) template blog Anda dengan meng-klik tombol Cadangkan/Pulihkan.

3.   Klik tombol Edit HTML

4.   Carilah kode ini (gunakan ctrl + f) :  ]]></b:skin>

5.   Jika sudah ketemu, copy kode dibawah ini, dan pastekan  tepat diatas kode  ]]></b:skin>

<.breadcrumbs{
padding:5px 5px 5px 0;
line-height:1.4em;
border-bottom:4px double #cadaef;
} 

6.   Lalu cari kode <b:includable id='post' var='post'>, dan lihat kode dibawah ini :

  <b:includable id='post' var='post'>
  <div class='post hentry uncustomized-post-template'>
  <b:if cond='data:blog.homepageUrl == data:blog.url'>
  <b:else/>

Catatan :

Jika Anda tidak menemukan kode <b:includable id='post' var='post'> dalam template blog Anda, Anda dapat meletakkan kode breadcrumbs pada no 7 pada :

-          Diatas / sebelum <data:post.body/> kedua

-          Diatas / sebelum <b:if cond='data:post.title'>

7.   Dibawah kode <b:else/> tersebut, pastekan kode dibawah ini :

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='breadcrumbs'>
<a expr:href='data:blog.homepageUrl'>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 != &quot;true&quot;'> , </b:if>
</b:loop>
</b:if> &#187; <data:post.title/>
</div>
</b:if>
</b:if>

8.   Simpan Template dan Preview Hasilnya.

Selamat mencoba, dan jangan lupa tinggalkan komentar!

Salam blogger!

Demikianlah Artikel Cara Mudah Membuat Breadcrumbs, [SEOSangatMudah]

Sekianlah artikel Cara Mudah Membuat Breadcrumbs, [SEOSangatMudah] kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Cara Mudah Membuat Breadcrumbs, [SEOSangatMudah] dengan alamat link https://seosangatmudah.blogspot.com/2013/04/cara-mudah-membuat-breadcrumbs.html

Tweet