Cara membuat Breadcrumb Seo Friendly, Breadcrumb adalah sebuah tulisan atau link pemberitahuan bahwa pengunjung tersebut sedang membuka konten berjudul apa dan dilengkapi dengan Link atau tautan menuju Home dari website tersebut, sehingga pengguna lebih mudah untuk menelusuri konten website/blog yang sedang di bukanya.
Dengan Membuat breadcrumb maka akan menambah tingkat SEO dari sebuah website khususnya dalam masing-masing konten nya.
Lalu buat yang belum tau seperti apa Breadcrumb itu , disini admin berikan contonya seperti pada gambar di bawah ini
Gambar di atas adalah contoh dari Breadcrumb dan letak posisi dari breadcrumb adanya di di atas masing-masing judul artikel, untuk lebih jelasnya bisa dilihat juga di atas judul postingan ini.
Jika anda baru saja mengganti template blog dan susunan HTML template tersebut belum ada Breadcrumb nya karena tidak semua template sudah di desain dengan tampilan breadcrumb.
dan untuk sobat jasa setting website disini Jika ingin Membuat breadcrumb yang SEO Friendly silahkan simak caranya di bawah ini :
Cara Membuat Breadcrumb
1.buka blog anda masing-masing melalui alamat www.blogger.com
2.lalu klik desain untuk menuju dashboard blogger
3.dalam menu dashboard blog pilih Template, Lalu klik EDIT HTML , panduan gambarnya bisa di lihat gambar di bawah ini
4.selanjutnya cari kode di dalam susuan HTML template kode seperti ini ]]></b:skin>
5.kemudian kopi kode yang ada di bawah ini dan pastekan/letakan diatas kode ]]></b:skin>
breadcrumbs {padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:85%; line-height: 1.4em; border-bottom:3px double #e6e4e3;}
6.selanjutnya cari lagi kode seperti ini <div class='post hentry uncustomized-post-template'>
kalau kode tersebut tidak ada, coba cari kode yang seperti ini <div class='post hentry'>
7.kemudian kopi kode yang di bawah ini lalu pastekan atau letakan di bawah kode <div class='post hentry uncustomized-post-template'> atau di bawah kode <div class='post hentry'> (pilih salah satu kode saja untuk menempatkan kode yang di bawah ini)
<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == "item"'> <div class='breadcrumbs'> Browse » <a expr:href='data:blog.homepageUrl'>Home</a> » <b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' rel='tag,nofollow'><data:label.name/></a> <b:if cond='data:label.isLast != "true"'> , </b:if> </b:loop> </b:if> » <data:post.title/> </div> </b:if> </b:if>
8.lalu simpan template nya sampai berhasil tersimpan
9.selesai.
Dan untuk melihat hasil dari pembuatan breadcrumb nya silahkan buka salah satu postingan anda.
Demikian panduan dari desain website tentang bagaimana Cara Membuat Breadcrumb yang berguna untuk menambah tingkat SEO dan sebagai penunjuk navigasi konten.
Dengan Membuat breadcrumb maka akan menambah tingkat SEO dari sebuah website khususnya dalam masing-masing konten nya.
Lalu buat yang belum tau seperti apa Breadcrumb itu , disini admin berikan contonya seperti pada gambar di bawah ini
Gambar di atas adalah contoh dari Breadcrumb dan letak posisi dari breadcrumb adanya di di atas masing-masing judul artikel, untuk lebih jelasnya bisa dilihat juga di atas judul postingan ini.
Jika anda baru saja mengganti template blog dan susunan HTML template tersebut belum ada Breadcrumb nya karena tidak semua template sudah di desain dengan tampilan breadcrumb.
dan untuk sobat jasa setting website disini Jika ingin Membuat breadcrumb yang SEO Friendly silahkan simak caranya di bawah ini :
Cara Membuat Breadcrumb
1.buka blog anda masing-masing melalui alamat www.blogger.com
2.lalu klik desain untuk menuju dashboard blogger
3.dalam menu dashboard blog pilih Template, Lalu klik EDIT HTML , panduan gambarnya bisa di lihat gambar di bawah ini
4.selanjutnya cari kode di dalam susuan HTML template kode seperti ini ]]></b:skin>
5.kemudian kopi kode yang ada di bawah ini dan pastekan/letakan diatas kode ]]></b:skin>
breadcrumbs {padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:85%; line-height: 1.4em; border-bottom:3px double #e6e4e3;}
6.selanjutnya cari lagi kode seperti ini <div class='post hentry uncustomized-post-template'>
kalau kode tersebut tidak ada, coba cari kode yang seperti ini <div class='post hentry'>
7.kemudian kopi kode yang di bawah ini lalu pastekan atau letakan di bawah kode <div class='post hentry uncustomized-post-template'> atau di bawah kode <div class='post hentry'> (pilih salah satu kode saja untuk menempatkan kode yang di bawah ini)
<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == "item"'> <div class='breadcrumbs'> Browse » <a expr:href='data:blog.homepageUrl'>Home</a> » <b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' rel='tag,nofollow'><data:label.name/></a> <b:if cond='data:label.isLast != "true"'> , </b:if> </b:loop> </b:if> » <data:post.title/> </div> </b:if> </b:if>
8.lalu simpan template nya sampai berhasil tersimpan
9.selesai.
Dan untuk melihat hasil dari pembuatan breadcrumb nya silahkan buka salah satu postingan anda.
Demikian panduan dari desain website tentang bagaimana Cara Membuat Breadcrumb yang berguna untuk menambah tingkat SEO dan sebagai penunjuk navigasi konten.