Maskecil ^_^

Membacalah agar kau mengenal dunia,dan menulislah agar dunia mengenalmu

Cara Membuat Breadcrumb Terindex Google

Cara membuat breadcrumb agar terindex google,tentunya sebuah kalimat yang sangat didambakan para blogger pemula seperti saya ,kenapa demikian? sudah saya jelaskan diartikel sebelumnya dengan judul Breadcrumb Mulai Terindex Google dari sisi SEO saya rasa juga tidak terlalu mempengaruhi,namun dari segi tampilan diblogger sangat mendambakan,tidak percaya?coba kesini Belajar SEO Blogspot bagaimana?apakah tertarik dengan Navigasi disetiap artikelnya,jika tertarik langsung saja teruskan menyimak ya,jangan berhenti hehehe..
Cara agar breadcrumb terindex google or Bagaimana Breadcrumb bisa terindex Google begini caranya :
1.Login Ke akun blogger.
2.Klik pada menu dashboard - Edit Html.
3.Lalu Klik atau beri centang pada Expand Template Widget.
4.Cari kode ]]></b:skin> Dan letakkan kode dibawah ini sebelum code ]]></b:skin>.

.breadcrumbs{
padding:5px 0px 5px 0;

margin:0;font-size:95%;
line-height:2em;
border-bottom:5px double #e1e1e1}
5.Setelah itu cari kode <b:includable id='main' var='top'> dan ganti kode tersebut dengan kode dibawah ini :


<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl != data:blog.url'>

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span><data:blog.pageName/></span></div>

<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- 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'>
<b:if cond='data:label.isLast == &quot;true&quot;'>
 &#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</b:if>
</b:loop>
 &#187; <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span>Unlabelled</span> &#187; <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <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'/> 

Terakhir simpan template dan lihat hasilnya beberapa jam kemudian,breadcrumb diatas mengunakan separator >> bukan > yang menurut para master SEO kurang disukai,tapi tenang saja,saya sudah membuktikan dengan separator >> tidak mempengaruhi apapun,tapi tetap kapan-kapan saya akan share cara merubah separatornya dari >> menjadi > jadi tunggu saja kawan,salam sukses dan semoga berhasil kawan .

49 komentar :

  1. Hi All,

    Your website is really cool and this is a great inspiring article.

    Thanks,

    seo outsourcing

    BalasHapus
  2. master.. ane dah praktekin tutornya, tapi koq kode css .breadcrumbs{
    padding:5px 0px 5px 0;

    margin:0;font-size:95%;
    line-height:2em;
    border-bottom:5px double #e1e1e1}
    malah nongol diatas blog ane.. trus ane hapus kodenya..

    BalasHapus
  3. Thank you Brad atas Tutorialnya :D
    sangat membantu
    Tapi saya mesen Kotak komentar beginian donk
    Di tunggu tutorialnya

    BalasHapus
  4. Index-islam : Maksutnya gimana kakak?mungkin code css yang dulu belum terhapus sepenuhnya jadi ya double :)

    Klik Menarik : Kotak komentar yang seperti apa ya gan ?

    BalasHapus
  5. OH ya, aku mau nanya.
    Keindek google nya langsung atau pake nunggu dulu.
    Soalnya udah berhasil si di blog. Tapi di pencarian google kok nggak jadi ya?....

    BalasHapus
  6. Star Night : harus nunggu kaka,aku kemaren sih 2 hari udah terindex,heheheh
    Semangat aja kakak :)

    BalasHapus
  7. Bang pertanyaanya kenapa kode .breadcrumbs {padding: 5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:95%; line-height:1.4em; border-bottom:3px double #e6e4e3;}
    muncul di bagian paling atas ya???

    BalasHapus
  8. Wahyu : memang breadcrumb itu letaknya dibagian paling atas artiel kaka,diatas judul,coba lihat computer4rt pasti setiap sobat masuk kesalah satu artikel ada seperti navigasi diatas judul postingan kaka :)

    BalasHapus
  9. kepada author blog saya ucapkan terimakasih banyak, kerena artikel ini memang benar-benar terbukti di praktekkan. untuk newbie seperti saya, membuat breadcum ini saya menghabiskan waktu 1 minggu. cukup memusingkan. tapi setelah saya coba tutorial di artikel ini alhamdulillah berhasil, dan setelah saya test di Rich Snippets Testing Tool terbukti berhasil, salam kenal gan. sukses untuk author blog ini. ilmu yang bermanfaat dan tidak membingungkan....., sekali lagi terimakasih banyak gan....

    BalasHapus
  10. sipp, jadi deh breadcrumbnya
    (y)Thank You(y)

    BalasHapus
  11. Ibnoe.info : Sama-sama kaka,selamat yah buat keberhasilanya,dan makasih doanya semoga kita menjadi blogger yang sukses ;)..amiin

    Belajar_is_Fun : Sama-sama.. dan Selamat kaak :)

    BalasHapus
  12. Thanks, very good article!

    prediksi euro 2012 prediksi liga dunia tangkasnet pemain sepakbola terbaik di dunia web sepakbola prediksi euro transfer liga dunia pemain sepakbola terbaik indonesia prediksi liga jerman situs sepakbola transfer liga indonesia sepakbola situs prediksi liga italy transfer pemain liga eropa prediksi premier league

    Read more : Prediksi Bola http://forecastball.blogspot.com/#ixzz1udNV5BJM

    BalasHapus
  13. @rudy Hartono : makasih kak :)

    @forecastball : monggo kak,semangat yah :)

    BalasHapus
  14. ijin ngopi script trus nyoba gan,,, :)

    BalasHapus
  15. @raturaya : dengan senang hati kak :)

    BalasHapus
  16. wahh kayaknya perlu dipraktekkin nih.thanks mas ud share tutorialnya, salam blogger :)

    BalasHapus
  17. test aahh semoga gk ada kendala... amin

    heheheh ^_^

    BalasHapus
  18. Thanks mas ane simpen nih infonya semoga blognya makin maju :D

    BalasHapus
  19. @Cara Menghilangkan Bau Mulut Secara Alami : salam blogger kak :)

    @Chumhienk™ : amin kak,tetap semangat ^^

    @Jasa pembuatan blog murah : makasih kak do'anya,amiin :),semoga para pengunjung setia blog ini mendapatkan ilmu yang lebih bermanfaat :)

    BalasHapus
  20. terima kasih atas tutorialnya..

    BalasHapus
  21. tq sobat. saya udah menerapkan ini. semakin sukses di dunia perbloggingan :)

    BalasHapus
  22. Nice tutorial gan !! terus kembangkan ya gan !! :D

    BalasHapus
  23. wow,makasih info & tutorialnya ya.. ^__^

    BalasHapus
  24. okey juga tuh trik nya , langsung saya coba nih,makasih gan , salam kenal dan sukses utk anda

    BalasHapus
  25. maaf newbie,
    kalau breadcrumb ini terindex, manfaatnya apa ya bagi website kita ?


    thanks,
    care indonesia

    BalasHapus
  26. terimakasih gan, setelah saya coba akhirnya berhasil juga, sip

    BalasHapus
  27. ijin saya praktek gan...???

    salam kenal..???

    BalasHapus
  28. sudah saya terapkan diblog saya kak dan alhamdulillah berhasil

    BalasHapus
  29. sekarang udah bisa om,, thanks tutor nya.

    BalasHapus
  30. Kode terlalu banyak spasi...
    Saran di gabung aja biar ga lemot

    LanjutGan...Mampir atuh..;)

    BalasHapus
  31. makasih tutorialnya, sudah sy coba

    BalasHapus
  32. wah ini artikel yang aku cari...emang breadcrumb sangat berguna dan mempercantik blog...trims tipsnya gan...

    BalasHapus
  33. keren mas....

    http://www.calistamebel.com/

    BalasHapus
  34. http://minimalisjati.com/

    mantab mas...

    BalasHapus
  35. joss gandos gan....ane tnggu artkel berikut gan...

    http://meliamebel.com/

    BalasHapus