7 Langkah Cara Buat Breadcrumbs Langsung Terindeks Google

Tutorial blog pada postingan kali ini kembali akan berbagi mengenai Bagaimana Cara Membuat Breadcrumbs Pada Blog Langsung Terindeks Oleh Google setelah pada postingan yang lalu telah berbagi mengenai Apa Itu Navigasi Breadcrumb. Bagi Anda yang baru berjabat tangan dengan dunia blogging dan baru mendengar kata breadcrumb bisa membaca postingan terdahulu dalam blog ini mengenai Apa Itu Navigasi Breadcrumb sebelum kita sama sama lebih jauh membahas mengenai Bagaimana Cara Membuat Breadcrumbs Pada Blog Langsung Terindeks Oleh Google

Bagaimana Cara Membuat Breadcrumbs Pada Blog Langsung Terindeks Oleh Google ? Yaa,, kalimat inilah yang sempat saya baca ketika kemarin saya mengajak eyang google untuk jalan jalan keliling dunia. Dalam hati saya berkata, menarik juga nich tulisan dari para blogger Indonesia yang membuat tutorial blog mengenai Breadcrumbs. Setelah puas jalan jalan, dan eyang google juga sepertinya sudah jenuh melihat jemari saya mengetikkan keyword demi keyword mengenai breadcrumbs, akhirnya saya putuskan untuk membuat tutorial juga mengenai Bagaimana Cara Membuat Breadcrumbs Pada Blog Langsung Terindeks Oleh Google

Dari hasi pengembaraan saya kemarin, banyak sahabat blogger yang mengatakan bahwa script breadcrumbs yang di tanam dalam template blog lama baru bisa terindeks oleh google dan rata rata blog yang terindeks breadcrumbsnya hanya blog yang memiliki PR 2 ke atas. Karena rasa penasaran yang tidak dapat terbendung akhirnya saya bisa menemukan Bagaimana Cara Membuat Breadcrumbs Pada Blog Langsung Terindeks Oleh Google. Penasaran ingin tahu bagaimana caranya ??? Kalau begitu langsung saja kita ke TKP

Cara Membuat Breadcrumbs Pada Blog Langsung Terindeks Oleh Google


  1. Seperti biasa kunjungi situs blogger.com dan masukkan email dan password Anda
  2. Silahkan Anda pilih Tab  Rancangan kemudian Edit HTML.
  3. Seperti biasa berikan tanda Centang atau ceklist pada tulisan Expand Template Widget yang berada pada sudut kiri atas, Tanda ceklist ini bertujuan agar kode yang tersembunyi yang dicari nantinya bisa ditemukan.
  4. Cari Kode dibawah ini ( tekan CTR + F untuk memudahkan pencarian )
<b:includable id='main' var='top'>
  1. Jika sudah menemukan, silahkan Anda hapus kode tersebut dan ganti dengan kode di bawah 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'/> 
 

6. Bagaimana sudah ? Jika sudah, cari lagi kode ]]></b:skin>
7. Jika sudah ketemu, letakkan kode CSS dibawah ini di atas kode ]]></b:skin>
.breadcrumbs{padding:8px 5px 5px 0;margin:10px 0 0px;font:normal 11px georgia; border-bottom:1px dashed #ccc;font-weight:normal}    
Terakhir, silahkan Anda Save template kesayangan Anda

Untuk meliha hasilnya, silahkan Anda membuat sebuah postingan. Setelah postingannya di publish, silahkan periksa di mesin pencari google. Sebagai contoh agar Anda merasa yakin, silahkan perhatikan gambar sreenshoot di bawah ini 

Untuk meliha hasilnya, silahkan Anda membuat sebuah postingan. Setelah postingannya di publish, silahkan periksa di mesin pencari google. Sebagai contoh agar Anda merasa yakin, silahkan perhatikan gambar sreenshoot di bawah ini

 
Perhatikan Gambar di atas ! Yang dilingkari merupakan contoh breadcrumb yang telah saya pasang dalam template blog, dimana kategori postingannya adalah Tutorial blog sehingga orang yang menjelajah google langsung tahu mengenai kategori apa tulisan tersebut sebelum mereka membukanya. Navigasi Breadcrumbs selain memperkuat SEO On Page blog kita, tampilan postingan dalam mesin pencari juga terlihat rapi sehingga memberikan kesan yang Proffesional bagi blog yang telah terpasangi Navigasi breadcrumb

Bagaimana ? Apakah Anda menemui kesulitan mengenai BagaimanaCara Membuat Breadcrumbs Pada Blog Langsung Terindeks Oleh Google ? Jika menemui kesulitan Anda bisa menumpahkan pertanyaan dalam kotak komentar di bawah ini. 

Terus ciptakan karya terindah lewat jemari Anda melaui postingan demi postingan yang berkwalitas dan luar biasa untuk memajukan dunia blogging di Indonesia. Saya tunggu karya terindah Anda !

Salam SUKSES !


Dengan memasukan alamat email Anda dibawah ini, berarti Anda akan dapat kiriman artikel terbaru dari www.hayardin.com di inbox E-mail anda

Enter your email address:


Delivered by FeedBurner

9 komentar untuk "7 Langkah Cara Buat Breadcrumbs Langsung Terindeks Google"

  1. Saya sering gagal pasang bc gan. saya coba lagi pake cara yang ini. tapi di bukmark dulu ya :)

    BalasHapus
  2. trima kasih pak buat blognya yg bagus
    please comment my blog
    http://gunturtutorialblogspot.blogspot.com/
    http://infobisnisbisnisonline.blogspot.com/
    kasih komentar dan masukan pak agar saya bisa jadi blogger profesional....terima kasih

    BalasHapus
  3. kalau untuk wordpress bagaimana?

    BalasHapus
  4. @sobat Mr.O2n : saya juga belum pernah mencoba do wordpress, kapan kapan Insya Allah akan saya posting. Kemarin saya sudah googling cara membuat breadcrumb di wordpress, Anda bisa mengunjungi sabarmuanas.com, disana telah di bahas mengenai bagaimana cara membuat breadcrumb pada wordpress dengan lengkap.

    BalasHapus
  5. Nah, tutorial inilah yg saya cari2. Mksh ya..
    Langsung dipraktekin.

    BalasHapus
  6. bagus sob
    ane salut sama tutorialnya
    met ber-blogging ya sob, sukses slalu

    BalasHapus
  7. Terimakasih Gan tutornya,sangat manfaat...

    BalasHapus

Terimakasih Sudah Membaca Artikel Dalam Blog www.hayardin.com

Silahkan Tinggalkan Komentar Karena Komentar Anda adalah inspirasi saya untuk membuat goresan dalam blog ini...

Saya akan sangat berterima kasih dan menghormati Anda jika tidak melakukan SPAM. Kritik dan saran yang membangun akan saya terima dengan senang hati...

Salam SUKSES !

Hayardin, S.Pd