Cara Membuat Breadcrumbs / Navigasi di atas Postingan di Blogspot/Blogger
0 views
Cara Membuat Breadcrumbs SEO Friendly. Banyak tutorial yang menjelaskan cara membuat breadcrumbs di Blogspot/Blogger. Kali ini saya akan menjelaskan cara membuat breadcrumbs yang SEO friendly dan semua label terindeks oleh Search Engine.

Breadcrumbs merupakan menu navigasi yang berada di atas judul postingan seperti yang ada di blog saya. Struktur ini tentu berbeda dengan WordPress, yang bisa membuat child category. Struktur di bloger hanya Home kemudian Label. Apabila memiliki beberapa label, maka akan terbaca seperti ini :

2. Klik Template > Edit HTML > Lanjutkan
3. Centang Expand Template Widget
4. Cari kode
Untuk mengeceknya silahkan kunjungi :
http://www.google.com/webmasters/tools/richsnippets
Untuk mencoba apakah tampil beberapa label, copy postingan Anda yang mempunya label lebih dari 1. dan klik Pratinjau. Kalau sudah berhasil berarti breadcrumbs terpasang dengan baik.

Breadcrumbs merupakan menu navigasi yang berada di atas judul postingan seperti yang ada di blog saya. Struktur ini tentu berbeda dengan WordPress, yang bisa membuat child category. Struktur di bloger hanya Home kemudian Label. Apabila memiliki beberapa label, maka akan terbaca seperti ini :
Home > Label1 > Label2 > Label3

Cara Membuat Breadcrumbs SEO Friendly
1. Masuk ke Blogger2. Klik Template > Edit HTML > Lanjutkan
3. Centang Expand Template Widget
4. Cari kode
]]></b:skin>
dan simpan kode ini diatasnya:.breadcrumbs{padding:0px 5px 5px 0;margin-bottom:20px;margin-top:0px;font-size:11px;color:#5B5B5B;border-bottom:1px dotted #bbb;}5. Cari kode
<b:includable id='main' var='top'>
, ganti dengan:<b:includable id='breadcrumb' var='posts'><b:if cond='data:blog.homepageUrl != data:blog.url'> <b:if cond='data:blog.pageType == "static_page"'> <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span><data:blog.pageName/></span></div> <b:else/> <b:if cond='data:blog.pageType == "item"'> <!-- breadcrumb for the post page --> <b:loop values='data:posts' var='post'> <b:if cond='data:post.labels'> <div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'> <span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span> <b:loop values='data:post.labels' var='label'> » <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span> </b:loop> » <span><data:post.title/></span> </div> <b:else/> <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span>Unlabelled</span> » <span><data:post.title/></span></div> </b:if> </b:loop> <b:else/> <b:if cond='data:blog.pageType == "archive"'> <!-- breadcrumb for the label archive page and search pages.. --> <div class='breadcrumbs'> <span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Archives for <data:blog.pageName/></span> </div> <b:else/> <b:if cond='data:blog.pageType == "index"'> <div class='breadcrumbs'> <b:if cond='data:blog.pageName == ""'> <span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>All posts</span> <b:else/> <span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Posts filed under <data:blog.pageName/></span> </b:if> </div> </b:if> </b:if> </b:if> </b:if> </b:if> </b:includable> <b:includable id='main' var='top'> <b:include data='posts' name='breadcrumb'/>6. Simpan Template Anda.
Untuk mengeceknya silahkan kunjungi :
http://www.google.com/webmasters/tools/richsnippets
Untuk mencoba apakah tampil beberapa label, copy postingan Anda yang mempunya label lebih dari 1. dan klik Pratinjau. Kalau sudah berhasil berarti breadcrumbs terpasang dengan baik.
132 komentar
2. Tinggalkan komentar sesuai topik tulisan
3. Apabila ada pertanyaan diluar artikel silahkan kunjungi Ruang Obrolan.
4. Centang Beri tahu saya untuk mendapatkan notifikasi via Email ketika ada balasan
5. Untuk menghapus komentar, geser kursor ke sebelah kanan komentar Anda.
image quote pre code
www.idcheat.com
www.giribig.com
www.duniagame.info
tolong bisa di bantu kang. biar fix
Sudah diterapkan dan SUKSES!
:D
terima kasih
► http://daeng-seo.blogspot.com/
bagaimana cara membuat breadcumbs agar tidak terindeks .???
trima kasih
hxxp://-------.blogspot.com/search/label/Mp3-Dangdut
hxxp://-------.blogspot.com/search/label/Mp3-Dangdut?updated-max=2011-11-27T13:11:00-08:00&max-results=20&start=1&by-date=false
hxxp://-------.blogspot.com/search/label/Mp3-Dangdut?updated-max=2011-11-27T13:11:00-08:00&max-results=8&start=10&by-date=false
hxxp://-------.blogspot.com/search/label/Mp3-Dangdut?updated-max=2…
Tunggu jawaban Kang Ismet Sob.....
2. takutnya dihapus dari pencarian
3. labelsebaiknya tidak terindex
secara keseluruhan, menurut saya bisa diatasi dengan robots.txt, coba gunakan robots.txt seperti ini
User-agent: Mediapartners-Google
Disallow:
User-agent: *
Disallow: /search?updated-min=
Disallow: /search?updated-max=
Disallow: /search/label/*?updated-min=
Disallow: /search/label/*?updated-max=
Allow: /
Sitemap: http://namablog.blogspot.com/feeds/posts/default?orderby=updated
pas pasang breadcrumbs di atas, jd nya double kang :(
cara hilangin salah satu gmna kang? (bawaan template)
coba cek blog saya ini kang
http://yori-skipper.blogspot.com/
http://321hacked.blogspot.com/
=► http://www.adadeny.com/
akhirnya ane busa masang sendiri gan,.. heheh thanks
kang, kalo mau cepet dapat pagerank gimana yaa??
Ilmu Cara Membuat Breadcrumbs sudah saya praktekkan di blog saya dan berhasil.
Nb.
Setelah lihat daftar isi blog kang ismet, saya mendapatkan banyak ilmu terkait dengan blogger dan seo.
Sekali lagi terima kasih atas ilmunya kang. Semoga kebaikan tercurah kepada kang ismet.
Artikel Bagus
tolong bantuannya kang..
salam satu-entry blog
trims
saya newbie kang
barusan saya nyoba trik dari kang ismet di atas
tapi ada pemberitahuan kaya di bawah ini kang
Peringatan: Missing required field "updated"
dan pengarang belum diverifikasi
mohon bantuannya kang
Cara buat daftar isi kayak blog ini udah dishare blon yah? kalo belon request dong kang hihihi
dan berhasil mulus hehehe..
salam kenal
http://www.bmatindas.com
sama aja ga kang? Ini pakai templatenya blogjuragan yg thesis. Thx.
sama dengan yg ini?
b:section class='main' id='main' showaddelement='no'
breadcrumbs kita bisa terindex oleh om google.??
maasi infonya yaaa
silakan lihat blog saya dan kasih masuan kalau ada waktu
:D
akan saya terapkan di blog saya
Mkasud saya adalah (kita berandai sudah ada di SE).
Kita lihat pada gambar postingan ini, teks bold adalah keyword yang tersesuaikan dengan keyword yang telah dicari oleh Google dengan 2 bagian.
1. Post title
2. Deskripsi Blog
Jika tidak menggunakan breadcrumbs yahh pasti itu SANGAT BAIK SEO-nya karena Google mencari 3 bagian :
1. Post title
2. Link
3. Deskripsi
atau, secara nyata saja kita ngomong kang Ismet. Pemenang-pemenang kontes SEO adalah rata2 yag tidak menggunakan breadcrumbs!!!
Jadi gimana lagi menurut pendapat kang Ismet?
Kan fitur permalink terbuang sia-sia klo gitu.
1 lagi keyword yang dicari sewaktu di Search Engine kan jadi 2 bagian (post title dan deskripsi)dengan make breadcrumbs.
Klo gag make breadcrumbs yah jadi 3 bagian lengkap (post title, breadcrumbs dan deskripsi).
Tolong balasannya Mas.
(Link hidup dibloh yah!!!)
salam kenal dan sukses selalu buat blognya.
Oy thread comment kang ismet dari blogeritems lagi atau bukan
keren :D
Apa yang lama dihapus dulu? kalau ya..cara hapusnya gimana ya, kang? Maksudna yang mana aja yg kudu di hapus?
Makasih sebelumnya :)
http://under-88.blogspot.com/2012/06/akibat-breadcrumbs-label-terindex.html
http://usabilitygeek.com/12-effective-guidelines-for-breadcrumb-usability-and-seo/
hayoh pilih mana? :)
saya mau nanyak ne.. tapi melenceng dari judul diatas..
saya tanya:
bagai mana memasang widget sidebar dibagian bawa seperti kang itu, maksudnya yang discrol ke bawa widgetnya mengikut ke bawa seperti witget tombol like, +G, dan like gacebook itu.. mohon ya kang..