Cara Membuat Breadcrumbs SEO Friendly di Atas Judul Blog.
Breadcrumb secara harfiyah artinya "remah roti". Namun, dalam kamus Bahasa Inggris versi Google, Breadcrumbs juga berarti a series of connected pieces of information or evidence dan a hierarchical series of hyperlinks displayed at the top of a web page, indicating the page's position in the overall structure of the website.
Yang dimaksud Breadcrumb dalam postingan ini yaitu pengertian yang kedua, yakni link (tautan) yang tampil di bab atas halaman blog/website yang menawarkan posisi halaman dalam keseluruhan struktur website.
Jika Anda memakai template bawaan blogger, maka tidak ada breadcrumb. Karenanya, harus dipasang sendiri.
Berikut ini cara menciptakan breadcrumb di atas judul artikel blog. Kodenya aku ambil dari blog Maskolis yang sudah tidak aktif.
1. Template > Edit HTML
2. Copas instruksi berikut ini di atas instruksi ]]></b:skin>
3. Copas instruksi berikut ini di bawah instruksi <div class='post hentry'> atau <div class='post hentry .... '>
4. Save Template!
Breadcrumb secara harfiyah artinya "remah roti". Namun, dalam kamus Bahasa Inggris versi Google, Breadcrumbs juga berarti a series of connected pieces of information or evidence dan a hierarchical series of hyperlinks displayed at the top of a web page, indicating the page's position in the overall structure of the website.
Yang dimaksud Breadcrumb dalam postingan ini yaitu pengertian yang kedua, yakni link (tautan) yang tampil di bab atas halaman blog/website yang menawarkan posisi halaman dalam keseluruhan struktur website.
Lebih jelasnya,Breadcrumb yaitu link internal dan navigasi blog yang menawarkan halaman depan (home), label, dan judul postingan, ibarat dalam gambar berikut ini:
Jika Anda memakai template bawaan blogger, maka tidak ada breadcrumb. Karenanya, harus dipasang sendiri.
Cara Membuat Breadcrumb SEO Friendly di Atas Judul Blog
Berikut ini cara menciptakan breadcrumb di atas judul artikel blog. Kodenya aku ambil dari blog Maskolis yang sudah tidak aktif.
1. Template > Edit HTML
2. Copas instruksi berikut ini di atas instruksi ]]></b:skin>
.breadcrumbs{ padding:5px 5px 5px 0; margin:0;font-size:90%; line-height:1.4em; border-bottom:1px solid #f1f1f1}
3. Copas instruksi berikut ini di bawah instruksi <div class='post hentry'> atau <div class='post hentry .... '>
<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == "item"'> <div class='breadcrumbs'> <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'><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>
4. Save Template!
Cara Menciptakan Breadcrumb Seo Friendly Di Atas Judul Blog
4/
5
Oleh
BMNG Info