Hasil UKG Online 2014 | Download SK Tunjangan 2014 | All About Techno |

Cara Agar Breadcrumbs di Indeks Google

Senin, 09 April 2012
Supaya Breadcrumbs Dapat Di Indeks Google  – Beadcrumbs adalah menu navigasi tambahan yang biasanya terdapat diatas judul posting/artkel seperti yang ada di blog ini . Kegunaan breadcrumbs hanya untuk memudahkan pencarian artikel saja berdasarkan label atau arsip. Kalau di template anda belum ada breadcrumbs silahkan dibaca artikel terdahulu Cara Membuat Breadcrumbs di Blogspot. Pada tutorial blog kali ini saya hanya akan membahas bagaimana cara supaya breadcrumbs dapat terindeks oleh search engine atau Google. Tujuannya adalah untuk meningkatkan hasil SERP pencarian google terhadap keyword judul artikel yang dibuat. Menurut SEO maka akan menjadi nilai plus jika artikel anda terindeks di Google bukan hanya judul dan urlnya, tapi juga terindeks berikut label kategori yang ada pada breadcrumbs. Sudah paham toh maksudnya..?? Kalau begitu langsung saja tancap ke trik agar breadcrums terindek google ini.

Trik Agar Breadcrumbs Terindeks Oleh Google

1.   Login ke dashboard blogger anda, pilh Rancangan > Edit HTML. Jangan lupa centang Expand widget template.
2.   Cari kode <div class='breadcrumbs'>   dalam template anda. Pada template yang saya pakai ini susunan kodenya seperti dibawah ini. Kalau sobat ragu-ragu download dulu full template sebelum melakukan perubahan untuk jaga-jaga kalau gagal atau salah.
<b:include name='mobile-nextprev'/>
</b:includable>
<b:includable id='post' var='post'>
  <div class='post hentry'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='breadcrumbs'>
<a expr:href='data:blog.homepageUrl' rel='tag'>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>
&#187;
</b:if>
<data:post.title/>
</div>
</b:if>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<div class='breadcrumbs'>
<a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>
&#187; Archives for <data:blog.pageName/>
</div>
</b:if>

3.       Ganti/rubah kode yang saya tandai dengan warna merah diatas dengan kode dibawah ini.
<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>

4.      Save/Simpan template anda.
5.  Untuk mengetahui apakah breadcrumbs anda sudah dapat terindeks oleh google, sobat dapat menggunakan Rich Snippets Testing Tool dengan memasukkan url salah satu postingan anda yang sudah terindeks dan klik tombol Preview. Tapi yang perlu dipahami adalah hasil test ini tidak akan serta merta langsung muncul begitu anda melakukan perubahan pada breadcrumbs seperti diatas. Tapi hasilnya akan terlihat setelah google melakukan indeks terakhir pada blog atau crawling atau pada googlebot last acces berikutnya. Mudah-mudahan tidak membingungkan ya .. :D.
       

Ternyata tips blogging kali ini benar-benar singkat ya..he he !! Mau dipanjang-panjangin ya percuma juga sih. Yang penting biarpun singkat saya harap tips ini mampu membuat breadcrumbs terindeks oleh Google. Keep blogging..!!


Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di www.rayhanzhampiet.com
Lintaskan !

27 Responses to "Cara Agar Breadcrumbs di Indeks Google"

Pendelz mengatakan...

Terima kasih bang untuk tutornya

ibnoe.info mengatakan...

terimakasih mas atas ilmunya, newbie pengen nyoba dulu mas. makin mantap aja nih blog, bikin makin betah hahaha.......

rayhanzhampiet mengatakan...

@Pendelz
@ibnoe.info

Makasih juga atas kunjungannya :D

Djawa mengatakan...

ini bisa untuk wp juga ga gan.,?

Share With Agung Talaga mengatakan...

Salam dan selamat pagi Bang.....
Saya baru mau rencana nulis artikel tentang ini juga.
Saya mau cerita aja tentang perubahan yg terjadi pada artikelq yg terindeks oleh google sehubungan dengan menu breadcrumb. Sebelum-sebelumnya, artikel saya yg terindeks ke google, nda dimunculkan menu breadcrumbsnya dan beberapa hari yg lalu setelah saya ganti pengaturan menu breadcrumbs di blogq, saya cek salah satu artikelq di google, ternyata menu breadcrumbsnya sdh terindeks ke google. Sepengetahuanku yg satya rubah hanya kode ini » dan saya rubah menjadi > Akhirnya menu breadcrumbs artikelq langsung muncul di index google.

Sebagai contoh silakan cari artikel ini "cara memasang floating fan page".

Ada lagi, kenapa daftar isi blognya nda muncul mi bang....???

rayhanzhampiet mengatakan...

@Djawa
Iya bisa dipakai untuk WP, di WP lebih mudah langsung ganti yang bagian merah itu aja mas !

@Agung Talaga
Tidak masalah dengan simbol yang digunakan. Kalau tidak percaya coba aja Agung ganti dengan simbol ♥ he he :D
Thanks infonya untuk daftar isi ternyata JSnya udah kehapus, tapi sudah saya update lagi dan sekarang daftar isi sudah bisa dilihat kembali.

Share With Agung Talaga mengatakan...

Saya cuman mempraktekkan apa yg saya baca kemarin di Blog Juragan.Katanya kode menu breadcrumbs yg familiar dengan google adalah > . Makanya saya langsung coba rubah kode sebelumnya tanpa melakukan seperti yg dijelaskan di atas. Karna sudah ada memang kode <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>
ini di blogq. Hahahaha....

Kenapa tampilan icon share bookmarknya yg di dekat icon google+ jadi begitu tampilannya bang.

AbduGreen-Blog mengatakan...

Thanks sob...

Diana mengatakan...

makasih bro atas infonya. nanti saya coba ya bro ilmunya.

Berbagi Kreativitas mengatakan...

Tips ini bisa menjadi aktifitas optimasi yang akan Saya lakukan selanjutnya setelah navigasi telah dipatenkan! Dengan tips yang sobat bagikan ini pastinya akan memberikan dampak baik untuk blog sederhana Saya. Thanks untuk sharenya sob artikelnya bermanfaat semua :D

rayhanzhampiet mengatakan...

@AbduGreen-Blog
@Diana
@Berbagi Kreativitas

Sama-sama sob, makasih juga atas kunjungannya :D Sukses selalu aja for all...

sepri yanto mengatakan...

makasih atas infonya mas..

Informasi produk internet mengatakan...

Wah...ini baru namanya ilmu.perlu di praktekan.thanks gan atas infonya.

ibnoe.info mengatakan...

kenapa ya mas di blog aku kok ga ada kode yang ditandai pada point 2..??
yang ada cuma setengahnya, seperti di bawah ini

a expr:href='data:blog.homepageUrl' rel='tag'>Home</a

setelah saya ganti dengan kode pada point 3 pada artikel ini, pas di pratinjau keluar pesan seperti dibawah ini:

Template Anda tidak dapat diparse karena tidak well-formed.

saya buat breadcumbnya pada tutorial cara membuat breadcumb pada blog ini juga mas, ge mana ya mas solusinya...????, mohon pencerahannya mas...., sebelumnya terimakasih atas tanggapannya mas.

ibnoe.info mengatakan...

udah bisa mas breadcumsnya, ada yang salah pada saat penempatan scriptnya mas, maklum newbie mas...., terimakasih banyak ya mas atas ilmunya....

rayhanzhampiet mengatakan...

@Ibnoe.info
Syukurlah kalau sudah bisa. Kemarin saya ada liat blog Ibnoe agak2 bingung karena udah banyak dimodif, namun tidak punya banyak waktu untuk memeriksa pagesource templatenya.

Hary Sinaga mengatakan...

Tutorial yang menarik walau singkat :)
thanks tipsnya masbro

angshare mengatakan...

wah saya baru tau...ma'lum neube. pantesan breadcrum saya gak diindex...ok langsung ke TKP. makasih atas infonya

Androbana mengatakan...

Thanks gan,, tutorialnya,, langsung cobain deh,, d^^

Tri Haryadi mengatakan...

mau coba juga ah..kayaknya keren dan mudah nih. thanks ya.

arie mengatakan...

waduh harus ganti settingan breadcrumb yang lama nich soalnya yang itu ga muncul di google..

thanks atas infonya,,

Putupunyablog mengatakan...

ini dia yang saya cari-cari gan :). langsung saya coba ya gan.. and salam kenal :)

Renda mengatakan...

makasih ya sob tutorialnya, kayaknya yang ini seo friendly bisa di crawl oleh google, bisa buat blog lebih yahud di google search..thanks

EDUKATIF BLOG mengatakan...

Makasih banyak om... sudah saya praktekkan n berhasil

haries mengatakan...

halo om, lam sukses

yang ingin saya tanyakan, terlalu banyak kode bread crumb saya jadi bingung, yang oke dan seo yang mana yang harus di ambil ya om...?

makasih infonya

YUEZHA32 mengatakan...

Terima kasih atas artikelnya.
Oh iya selama saya jelajah mencari ilmu dengan blogwalking, menurut saya Anda memiliki kelebihan tersendiri dari situs-situs lain dan jujur potensi Anda juga sangat bagus, banyak juga ilmu yang saya pelajari disini jika ada Waktu saya akan berkunjung lagi.

Ditunggu kunjungan baliknya :)


#Semoga sehat selalu :)

File Education mengatakan...

Makasih ya mas atas cara-caranya, semoga ilmu ini bermanfaat

Cara Cepat Hamil

Poskan Komentar

Mohon maaf kalau tidak semua komentar sempat saya balas langsung di setiap artikel ya, berhubung kesibukan offline saya juga banyak. Mohon tidak meninggalkan link aktif pada komentar. Yang mau kirim email silahkan langsung ke rayhanzhampiet@ymail.com. Terima kasih atas komentar dan kunjungan Anda.

Terpopuler!

    PageRank
    rayhanzhampiet.com Webutation

    DMCA.com
    MyFreeCopyright.com Registered & ProtectedProtected by Copyscape Web Plagiarism Software

    SUPPORT BY

    Search EngineMy Zimbio Share With Irfan - 
Blogged

    Treasure - Find me on Bloggers.com
    XAMthone
    XAMthone Plus
    XAMthone Plus