Breadcrumbs multifungsi yang Optimalkan pencarian di Google

Breadcrumbs apa itu, sebenarnya mungkin buat yang belum tau akan mencari tau fungsinya apa di blog dan apakah breadcrumbs ini berguna apabila di pergunakandi blog kesayangan kita, lalu bagai mana membuatnya supaya SEO dan tidak meyalahai aturan dari Google, nah di sini saya akan mengulas tentang breadcrumbs ini
dari fungsi dan kegunaanya, dengan memasang Breadcrumbs maka akan mendapatkan multifungsi yang Optimalkan di blog kita dan juga Optimalkan pencarian di Google saya akan membuatnya pada blog saya.

Apa itu  Breadcrumbs
breadcrumbs pada intinya adalah sebuah navigasi yangada pada halaman blog yang memiliki fungsi untuk melacak setiap halaman dan postingan, dan ini juga bisa untuk website, saya menulis diblog jadi saya menilisnya blog saja biar gampang ya, jadi dengan adanya breadcrumbs maka pembaca akan mengetahui halaman dimana pengunjung blog kita membaca, dengan begitu akan mempermudah mengetahui kategori apa yang di baca, dan pengunjung blog tidak kebingungan untuk mengklik yang lain artinya di sini pembaca tidak akan tersesat di dalam blog kita, dan pengunjung blog juga akan dengan mudah kembali dan mencari topik pada halaman utama.


Breadcrumbs yang bersumber dari wikipedia

Breadcrumbs biasanya muncul horizontal di bagian atas halaman web, sering di bawah bar judul atau header. Mereka menyediakan link kembali ke halamansebelumnya setiap pengguna navigasikan melalui untuk sampai ke halaman saat ini atau di situs-hirarkis struktur-halaman induk yang sekarang. Breadcrumbs memberikan jejak bagi pengguna untuk mengikuti kembali ke titik awal atau entri.

[1] A lebih besar daripada-tanda (>) sering berfungsi sebagai pemisah hirarki, meskipun desainer dapat menggunakan mesin terbang lainnya (seperti »atau>), serta sebagai petunjuk berbagai grafis.sebagai contohHome page > Section page > Subsection pageAtauHome page : Section page : Subsection pageBreadcrumbs pada dasarnya adalah navigasi yang memudahkan pengunjung untuk kembali dan mencari topik yang lain.

Breadcrumbs dan Search Engine
Breadcrumbs dan Search Engine apa hubungan dengan ini, bukankan ini hanya navigasi untuk di dalam internal blog ? ada hubungan dan penting juga, perlu di ketahui bahwa, Breadcrumbs ini mempengaruhi Search Engine, dengan adanya Breadcrumbs maka akan lebih jelas menu atau kategori blog kita di Search Engine, dengan begitu semua data yang di butuhkan oleh Google akan semakin lengkap, dan sumber referensi secara akurat dan tepat, maka dari sekarang pasang dehBreadcrumbs ini maka akan menambah nilai lebih di bandingkan dengan blog yang tidak memiliki Breadcrumbs.

Sudah jelaskah dengan apa itu Breadcrumbs dan juga fungsinya, apa bila belum jelas maka silahkan bertanya, namun apabila sudah mengerti maka sekarang kita akan memasang Breadcrumbs ini pada blog kita, apakan ini akan berbahaya dengan memasang pada blog kita, nah ini menjadi peritmbangan masing masing saja karena pada blog yang sekarang ada, tidak terdapat menu untuk Breadcrumbs ini, maka dengan mengedit HTML pada blog kita maka kita bisa memasang Breadcrumbs ini.

Cara Pasang Breadcrumbs
Sebelum melakukan pengditan sebaiknya selalu BACK UP html blog kita, karena dengan mengubah struktur blog maka kita juga akan mendapat resiko, dan apa blia sesuatu terjadi maka kita bisa kemblikan seperti semula, apa bila suda siap maka lakukan seperti petunjuk di bawah ini, saya mencari sumber dan dengan
pertimbangan yang matang dengan melakukan test pada blog saya sendiri, namun apa blia anda ragu jangan melakan hal ini.

Yang pertama adalah dengan masuk pada menu edit TEMPLATE, dan dengan mengunakan CTRL + F maka kita akan menemukan kotak pencarian lalu cari kode berikut ]]> setelah ketemu dengan kode ini maka langkah selanjutnya adalah dengan mengcopy code di bawah ini, setelah itu pastekan di atas kode ]]> ingat di atas

.breadcrumbs {padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:90%; line-height: 1.4em; border-bottom:3px double #eee;}

Setelah ini selesai maka langkah selanjutnya adalah mencari code berikut ini

   <b:includable id='main' var='top'>

Lalu ganti dengan kode di bawah ini

<br /> <b:includable id='breadcrumb' var='posts'><b:if cond='data:blog.homepageUrl != data:blog.url'><br /> <b:if cond='data:blog.pageType == "static_page"'><br /> <div class='breadcrumbs'> <span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span><data:blog.pageName/></span></div> <b:else/><br /> <b:if cond='data:blog.pageType == "item"'><br /> <!-- breadcrumb for the post page --><br /> <b:loop values='data:posts' var='post'><br /> <b:if cond='data:post.labels'><br /> <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><br /> <b:loop values='data:post.labels' var='label'><br /> » <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span><br /> </b:loop><br /> » <span><data:post.title/></span><br /> </div> <b:else/><br /> <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><br /> </b:loop><br /> <b:else/><br /> <b:if cond='data:blog.pageType == "archive"'><br /> <!-- breadcrumb for the label archive page and search pages.. --><br /> <div class='breadcrumbs'> <span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Archives for <data:blog.pageName/></span><br /> </div> <b:else/><br /> <b:if cond='data:blog.pageType == "index"'><br /> <div class='breadcrumbs'> <b:if cond='data:blog.pageName == ""'><br /> <span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>All posts</span><br /> <b:else/><br /> <span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Posts filed under <data:blog.pageName/></span><br /> </b:if><br /> </div> </b:if><br /> </b:if><br /> </b:if><br /> </b:if><br /> </b:if><br /> </b:includable><br />

Setelah melakuan pengantian tersebut maka langkah selanjutnya adalah dengan menyimpan, dan jagan sampai error apabila ada errror maka cari lagi dan apakah sudah benar penempatanya, karena masing masing Template blog berbeda maka tidak semua mingkin tidak bisa melakukan langkah di atas, saya masih mengunakan template blog yang masih Original.

Setelah anda behasil dengan memasukan code tersebut pada tempalte blog maka langkah selanjutnya adalah dengan memeriksa apakah sudah berhasil atau belum dengan masuk pada akun Webmaster http://www.google.com/webmasters/tools/richsnippets, dan cek salah satu tulisan anda dengan mengcopy salah satu link yang ada, silahkan anda mencoba semoga tulisan ini membantu.