DAFTAR ISI
- Apa itu Breadcrumbs
- Contoh Breadcrumbs
- Cara Membuat Breadcrumbs di Blogger Blogspot
- Pengaruh Breadcrumbs pada SEO dan SERP
APA ITU BREADCRUMBS
Breadcrumb atau breadcrumb trail adalah bantuan navigasi yang dipakai untuk mengetahui jejak asal dari lokasi dalam sebuah bog/website, program atau dokumen. Dengan kata lain breadcrumb adalah tipe struktur navigasi yang menginformasikan pengunjung tentang halaman utama dan sub-kategori yang sedang dibuka atau dibrowsing. Breadcrumb trail biasanya diletakkan di bawah judul utama sebuah halaman web yang mengandung link pada masing-masing kategori dan sub-kategori.
CONTOH BREADCRUMBS
Lihat di atasnya judul artikel ini atau lihat gambarnya di bawah:
Apa ini dianjurkan oleh Google?
Iya. Breadcrumb akan menambah SEO suatu artikel di blog.
CARA MEMBUAT BREADCRUMBS DI BLOGGER BLOGSPOT
I. Masuk ke blogger.com -> Template -> Edit HTML -> centang (kasih tanda tik) Expand Widget Template.
Tips:
(i) Cara mencari kode di template blogger, tekan CTRL+F -> masukkan kode yang dicari dikotak yang tersedia.
(ii) Dalam meng-copy kode, klik "View Plain" -> copy kodenya.
II.
a. Cara kode berikut: <b:include data='top' name='status-message'/>
b. Ganti dengan kode berikut:
- <b:include data='top' name='status-message'/>
- <b:include data='posts' name='breadcrumb'/>
III.
a. Cari kode berikut: <b:includable id='main' var='top'>
b. Ganti dengan kode berikut:
- <b:includable id='breadcrumb' var='posts'>
- <b:if cond='data:blog.homepageUrl == data:blog.url'>
- <!-- No breadcrumb on home page -->
- <b:else/>
- <b:if cond='data:blog.pageType == "item"'>
- <!-- breadcrumb for the post page -->
- <p class='breadcrumbs'>
- <span class='post-labels'>
- <a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>
- <b:loop values='data:posts' var='post'>
- <b:if cond='data:post.labels'>
- <b:loop values='data:post.labels' var='label'>
- <b:if cond='data:label.isLast == "true"'> »
- <a expr:href='data:label.url' rel='tag'><data:label.name/></a>
- </b:if>
- </b:loop>
- <b:else/>
- »Unlabelled
- </b:if>
- » <span><data:post.title/></span>
- </b:loop>
- </span>
- </p>
- <b:else/>
- <b:if cond='data:blog.pageType == "archive"'>
- <!-- breadcrumb for the label archive page and search pages.. -->
- <p class='breadcrumbs'>
- <span class='post-labels'>
- <a expr:href='data:blog.homepageUrl'>Home</a> » Archives for <data:blog.pageName/>
- </span>
- </p>
- <b:else/>
- <b:if cond='data:blog.pageType == "index"'>
- <p class='breadcrumbs'>
- <span class='post-labels'>
- <b:if cond='data:blog.pageName == ""'>
- <a expr:href='data:blog.homepageUrl'>Home</a> » All posts
- <b:else/>
- <a expr:href='data:blog.homepageUrl'>Home</a> » Posts filed under <data:blog.pageName/>
- </b:if>
- </span>
- </p>
- </b:if>
- </b:if>
- </b:if>
- </b:if>
- </b:includable>
- <b:includable id='main' var='top'>
IV.
a. Cari kode berikut: ]]></b:skin>
b. Ganti dengan kode berikut :
view plainprint?
- .breadcrumbs {
- padding:5px 5px 5px 0px;
- margin: 0px 0px 15px 0px;
- font-size:95%;
- line-height: 1.4em;
- border-bottom:3px double #e6e4e3;
- }
- ]]></b:skin>
V. Klik Simpan Template. Selesai.[1]
*ANGKA PADA SCRIPT TIDAK TERPAKAI ( DIHAPUS )
PENGARUH BREADCRUMBS PADA SEO DAN SERP
Seberapa besar pengaruh adanya breadcrumbs pada SEO blog dan ranking pencarian di GOOGLE SERP masih menjadi perdebatan kalangan webmaster dan blogger. Bagi yang pro atas adanya breadcrumb dapat mempengaruhi SEO, berikut beberapa manfaatnya:
Pertama, terjadinya interlink atau saling terhubung antara satu halaman dengan halaman yang lain dalam situs yang sama. Dengan breadcrumb maka struktur navigasi pada blog/situs anda membantu terjadinya saling taut antara berbagai macam halaman web.
Kedua, indeksisasi halaman web terdalam. Sebuah situs mengandung banyak halaman web dan tidak tertaut dengan bagian halaman utama. Situs yang tertaut dengan baik akan membantu bot pencari seperti Google untuk menjenguk halaman terdalam dari situs dan mengindeks-nya kembali.
Ketiga, distribusi Page Rank yang efektif pada seluruh halaman web. Situs yang tertaut dan terindeks dengan baik akan membantu mesin pencari Google dll untuk mendistribusikan ranking halaman secara efektif pada halaman internal web.
=======
0 comments:
BERKOMENTARLAH DENGAN BAIK DI BLOG INI !!!
PERATURAN BERKOMENTAR :
- JANGAN MENCANTUMKAN LINK HIDUP
- DILARANG MENCANTUNKAN BERISI UNSUR DEWASA
- JANGAN BERKOMENTAR BERMAKSUD MENGHINA
- BERILAH KRITIK DAN SARAN YANG BAIK
- KOMENTAR DARI ADMIN HARUS DIRESPON
*KOMENTAR ANDA HARUS DISETUJUI ADMIN DAHULU