Menambahkan Breadcrumbs Seo Friendly
Jumat, April 19, 2019

Cara Menambahkan Breadcrumbs SEO Friendly - Breadcrumbs merupakan menu navigasi yang umumnya dapat kita temukan pada halaman blog dengan ciri-ciri berupa link menuju halaman home atau halaman utama, kemudian diikuti dengan label serta judul postingan yang tengah diakses.
Baca Juga
Breadcrumbs ini menjadi faktor pendukung SEO yang penting buat blog. Untuk itu, pada kali ini bakal membagikan Breadcrumbs yang mempunyai kelebihan SEO Friendly. Breadcrumbs ini juga telah terbukti terindex di mermacam mesin pencari juga telah Valid HTML5.
![]() |
Contoh Breadcrumb |
Cara Menambahkan Breadcrumbs SEO Friendly
/* Breadcrumbs */ .breadcrumbs{padding:20px 30px;background:#fff;margin-bottom:20px} .breadcrumbs a,.post-info a {color:#19abea;} .breadcrumbs a:hover,.post-info a:hover {color:#454545;}
Selanjutnya, silahkan cari kode dibawah ini pada template blog.
<b:includable id='main' var='top'>...</b:includable>
Tahap terakhir, silahkan tambahkan kode HTML Breadcrumbs dibawah ini tepat sesudah kode yang ditulis diatas.
<b:includable id='breadcrumb' var='posts'> <b:if cond='data:blog.homepageUrl != data:blog.url'> <b:if cond='data:blog.pageType == "static_page"'> <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag' title='Home'>Home</a></span> / <span><data:blog.pageName/></span></div> <b:else/> <b:if cond='data:blog.pageType == "item"'> <!-- Breadcrumb Untuk Halaman Pos --> <b:loop values='data:posts' var='post'> <b:if cond='data:post.labels'> <div class='breadcrumbs'> Kamu di sini : <span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:blog.homepageUrl' itemprop='url' title='Home'><span itemprop='title'>Home</span></a></span> <b:loop values='data:post.labels' var='label'> / <span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:label.url + "?max-results=5"' expr:title='data:label.name' itemprop='url'><span itemprop='title'><data:label.name/></span></a></span> </b:loop> / <span><data:post.title/></span> </div> <b:else/> <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag' title='Home'>Home</a></span> / <span>Without Label</span> / <span><data:post.title/></span></div> </b:if> </b:loop> <b:else/> <b:if cond='data:blog.pageType == "archive"'> <!-- Breadcrumb Untuk Label Search serta Search Pages --> <div class='breadcrumbs'> <span><a expr:href='data:blog.homepageUrl' title='Home'>Home</a></span> / <span>Archived For <data:blog.pageName/></span> </div> <b:else/> <b:if cond='data:blog.pageType == "index"'> <div class='breadcrumbs'> <b:if cond='data:blog.pageName == ""'> <span><a expr:href='data:blog.homepageUrl' title='Home'>Home</a></span> / <span>All Post</span> <b:else/> <span><a expr:href='data:blog.homepageUrl' title='Home'>Home</a></span> / <span><data:blog.pageName/></span> </b:if> </div> </b:if> </b:if> </b:if> </b:if> </b:if> </b:includable>
Pada tahap ini, anda telah berhasil memasang Breadcrumbs SEO Friendly. Selanjutnya silahkan tunggu sampai Google merayapi semua halaman situs blog.
Kamu juga bisa menggunakan Alat Pengujian Data Terstruktur buat mengetahui jika terjadi kesalahan pemasangan kode breadcrumbs pada template blog anda.
Itulah tutorial mengenai Cara Menambahkan Breadcrumbs SEO Friendly semoga bermanfaat buat anda. kalau ada hal yang mau ditanyakan, silahkan bertanya lewat kolom komentar dibawah ini, terima kasih serta selamat mencoba.