Cara Membuat Breadcrumb Di Blogspot Plus Terindex Di Google : Dulu sempet bingung juga dengan penilaian
google di SREP-nya yang menampilkan beberapa URL artikel sebuah blog yang disertai dengan kategori atau jika di blogger yaitu label.
Sebagai contoh :
Nah jika pengen lebih jelasnya lagi lihat gambar di bawah ini :
Karena penasaran dan tentunya ingin sekalai memiliki blog dengan kelebihan URL yang tampil di SREP seperti gambar diaatas,waktu itu aku langsung googling nyari tutorial
Cara Membuat Breadcrumb Di Blogspot Plus Terindex Di Google.Namun dari beberapa blog yang kutemui tidak ada yang membahas tentang kapan google bisa menyertakan kategori atau label di SREP.Hingga pada akhirnya aku terkapar disebuah blog yang namanya lupa lagi :D .Di blog itu memang membahas tentang Breadcrumb yang terindex google,tapi si pemiliki blog itupun tidak tahu kapan google akan menampilkan sebuah halaman di SREP seperti gambar di atas.Cuman dia mejelaskan jika persyaratan agar label atau
kategori ingin tampil di SREP adalah :
1.Blog wajib memasang breadcrumb.
2.Blog yang breadcrumbnya akan di index google minimal ber-PR3
3.Umur blog udah diatas 1 tahun.
Dari penjelasan diatas aku bisa sedikit menyimpulkan jika ingin label atau kategori bisa terindex google ternyata memerlukan kesebaran.
Aku praktekin aja tuh langsung saran diatas pada blog wp ku yang kebetulan blog tersebut ber PR4 dan umurnya juga udah hampir 2 tahun.Tapi setelah hampir 9 bulan dari itu,blog PR4 ku tetap saja tampilan URL di SREP google tampil seperti sebelum aku memasang breadcrumb .. Capek dech :P.
Seminggu yang lalu aku iseng jalan jalan ke blog pavoritku di luar sana untuk mencari lagi tutorial ,dan tenpa disengaja aku melihat artikel terbaru berjudul cara agar label atau kategori terindex google.Dan setelah aku baca, kesimpulannya jika label atau kategori ingin cepat terindex google ternyata tidak diwajibkan blog tersebut memiliki PR tinggi atau umur,walhasil blog baru juga bisa,aslkan kode breadcrumb yang dipasangnya benar sesuai yang disarankan google.Anda ingin tahu bagaimana caranya?.. Ok,,, akan coba saya jelaskan sekarang.
Untuk blog wordpress kalau gak mau ribet pake aja plugin RDFA,caranya masuk ke wp-admin-plugin lalu pada kotak pencarian masukan kata kunci RDFA,Jangan lupa cara instalnya dibaca.
Kalau gak mau pasang plugin,silahkan pelajari
disini Untuk blogspot silahkan ikuti caranya dibawah ini :
logini ke blogger.
Masuk ke dasbord >> rancangan >> edit HTML (gunakan 'ctrl+f' untuk mempermudah)
Cari kode HTML
]]></b:skin> (gunakan 'ctrl+f' untuk mempermudah)
Masukan kode CSS dibawah tepat di atas kode
]]></b:skin> .breadcrumbs {padding: 5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:95%; line-height:1.4em; border-bottom:3px double #e6e4e3;}
Setelah itu cari kode ini :
<b:include data='top' name='status-message'/>
Setiap template berbeda,terkadang kode
<b:include data='top' name='status-message'/> ini ada dua,nah jika di template anda kode
<b:include data='top' name='status-message'/> terdapat 2, maka cari kode
<b:include data='top' name='status-message'/> yang dekat dengan kode
<data:defaultAdStart/> lalu letakan kode
<b:include data='posts' name='breadcrumb'/> ini tepat dibawah
<b:include data='top' name='status-message'/> . Hasilnya nanti seperti ini.
<b:include data='top' name='status-message'/>
<b:include data='posts' name='breadcrumb'/>
<data:defaultAdStart/>
Jika di template anda kode
<b:include data='top' name='status-message'/> ini hanya terdapat satu,maka cari kode
<b:includable id='post' var='post'> . Setelah ketemu letakan kode
<b:include data='posts' name='breadcrumb'/> ini tepat dibawah kode
<b:includable id='post' var='post'> . Hasilnya Seperti ini .
<b:includable id='post' var='post'>
<b:include data='posts' name='breadcrumb'/>
.
Langkah selanjutnya silahkan cari kode
<b:includable id='main' var='top'> . Kalau sudah ketemu letakan kode dibawah ini tepat diatas kode
<b:includable id='main' var='top'> .
<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'>
<span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'>
<a expr:href='data:blog.homepageUrl' href='' itemprop='url' rel='tag'><span itemprop='title'>Home</span></a></span>
<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"'> »
<span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'>
<a expr:href='data:label.url' href='' itemprop='url' rel='tag'><span itemprop='title'><data:label.name/></span></a></span>
</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'>
<span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'>
<a expr:href='data:blog.homepageUrl' href='' itemprop='url'><span itemprop='title'>Home</span></a></span> » 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 == ""'>
<span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'>
<a expr:href='data:blog.homepageUrl' href='' itemprop='url'><span itemprop='title'>Home</span></a></span> » All posts
<b:else/>
<span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'>
<a expr:href='data:blog.homepageUrl'><span itemprop='title'>Home</span></a></span> » Posts filed under <data:blog.pageName/>
</b:if>
</span>
</p>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
Sekarang klik save lalu cek hasilnya
disinisekian dulu
Cara Membuat Breadcrumb Di Blogspot Plus Terindex Di Google, semoga bisa menambah blog kitamenjadi seo friendly. permanis blog anda dengan memberikan
related post terbaru untuk blogspot juga. supaya pengunjung lebih mudah dalam mencari artikel dalam blog anda.
