Table of contents
Memperbaiki Breadcrumbs Issues Search Console pada Blogspot - Ketika anda ingin men-index website/blog berbasis blogspot anda di Google Search Console beberapa dari template blogspot yang tersebar di internet sana pasti memiliki error atau issues breadcrumbs seperti pada gambar thumbnail artikel ini. Sebelum memperbaiki masalah tersebut, mari mengetahui breadcrumbs itu apa.
Apa itu Breadcrumbs?
Breadcrumbs adalah navigasi berbasis teks yang digunakan dalam desain situs web untuk memberikan konteks tentang lokasi halaman dalam hierarki situs. Secara harfiah, istilah "breadcrumbs" berasal dari cerita dongeng Hansel dan Gretel di mana karakter tersebut meninggalkan jejak remah roti (breadcrumbs) sebagai cara untuk kembali ke rumah mereka.
Dalam konteks desain web, breadcrumbs biasanya terletak di bagian atas halaman atau di bagian bawah judul halaman. Mereka biasanya berbentuk garis horizontal yang berisi serangkaian tautan teks yang mewakili jalur navigasi dari halaman awal ke halaman saat ini. Misalnya, jika Anda berada di halaman "Produk > Kategori A > Produk 1", breadcrumbs akan menampilkan tautan seperti "Beranda > Produk > Kategori A > Produk 1", memberikan gambaran tentang bagaimana pengguna sampai ke halaman tersebut.
Keuntungan menggunakan breadcrumbs adalah:
- Keterpahaman Navigasi: Breadcrumbs memberikan pemahaman visual tentang struktur dan hierarki situs, membantu pengguna untuk memahami lokasi mereka dalam situs dan bagaimana mereka dapat kembali ke halaman-halaman sebelumnya.
- Navigasi Mudah Kembali: Pengguna dapat dengan mudah kembali ke halaman sebelumnya dalam jalur navigasi tanpa harus mengandalkan tombol "Mundur" pada peramban web mereka.
- Peningkatan Pengalaman Pengguna: Dengan memberikan konteks navigasi yang jelas, breadcrumbs dapat meningkatkan pengalaman pengguna dengan membuat situs lebih mudah dinavigasi dan meminimalkan kebingungan.
Breadcrumbs dapat menjadi tambahan yang berharga untuk desain situs web, terutama pada situs web yang memiliki struktur yang dalam atau kompleks. Mereka membantu mengurangi kesulitan pengguna dalam navigasi dan meningkatkan kemampuan pengguna untuk menemukan informasi dengan lebih cepat dan mudah.
baca juga: Membuat Website Portal Berita Dengan Blogger.com
Cara mengatasi Breadcrumbs Issues Search Console pada Blogspot
Cari baris kode berikut
<b:includable id='comment-form' var='post'>Copy kode dibawah tepat diatas kode tadi. Jika sudah ada, ganti kode tersebut dan simpan perubahan.
<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.pageType == "item"'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' itemscope='itemscope' itemtype='https://schema.org/BreadcrumbList'>
<svg viewBox='0 0 24 24'><path d='M10,20V14H14V20H19V12H22L12,3L2,12H5V20H10Z' fill='#000000'/></svg>
<span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'>
<a expr:href='data:blog.homepageUrl' itemprop='item' title='Home'>
<span itemprop='name'>Home</span></a>
<meta content='1' itemprop='position'/>
</span>
<svg viewBox='0 0 24 24'><path d='M5.5,9A1.5,1.5 0 0,0 7,7.5A1.5,1.5 0 0,0 5.5,6A1.5,1.5 0 0,0 4,7.5A1.5,1.5 0 0,0 5.5,9M17.41,11.58C17.77,11.94 18,12.44 18,13C18,13.55 17.78,14.05 17.41,14.41L12.41,19.41C12.05,19.77 11.55,20 11,20C10.45,20 9.95,19.78 9.58,19.41L2.59,12.42C2.22,12.05 2,11.55 2,11V6C2,4.89 2.89,4 4,4H9C9.55,4 10.05,4.22 10.41,4.58L17.41,11.58M13.54,5.71L14.54,4.71L21.41,11.58C21.78,11.94 22,12.45 22,13C22,13.55 21.78,14.05 21.42,14.41L16.04,19.79L15.04,18.79L20.75,13L13.54,5.71Z' fill='#000000'/></svg>
<b:loop index='num' values='data:post.labels' var='label'>
<span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'>
<a expr:href='data:label.url + "?&max-results=16"' expr:title='data:label.name' itemprop='item'>
<span itemprop='name'><data:label.name/></span>
</a>
<meta expr:content='data:num+2' itemprop='position'/>
</span>
<b:if cond='data:label.isLast != "true"'>
<svg viewBox='0 0 24 24'><path d='M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z' fill='#000000'/></svg>
</b:if>
</b:loop>
<svg viewBox='0 0 24 24'><path d='M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z' fill='#000000'/></svg>
<span><data:post.title/></span>
</div>
</b:if>
</b:loop>
</b:if>
</b:includable>De-index website yang anda submit pada Google Search Console
Dan simsalabim, Error tersebut sudah berhasil diatasi.
Kesimpulan
Memperbaiki masalah breadcrumbs pada Google Search Console untuk Blogspot adalah langkah penting dalam meningkatkan kualitas dan keterlihatan situs Anda dalam hasil pencarian. Breadcrumbs adalah bagian penting dari struktur navigasi situs yang membantu pengguna dan mesin pencari memahami hierarki konten.
Identifikasi Masalah: Pertama-tama, perlu mengidentifikasi masalah breadcrumbs yang dilaporkan oleh Google Search Console. Ini bisa berupa kesalahan dalam struktur breadcrumbs, tautan yang rusak, atau markup struktur data yang tidak sesuai.
Perbaiki Struktur Breadcrumbs: Pastikan struktur breadcrumbs pada situs Blogspot Anda telah diatur dengan benar. Gunakan widget atau kode HTML yang tepat untuk menampilkan breadcrumbs secara konsisten di seluruh blog.
Periksa Tautan Breadcrumbs: Pastikan semua tautan dalam breadcrumbs mengarah ke halaman yang sesuai dan tidak rusak. Jika diperlukan, perbaiki atau perbarui tautan yang rusak untuk memastikan navigasi yang lancar.
Gunakan Markup Struktur Data: Gunakan markup struktur data yang sesuai, seperti Schema.org, untuk menandai breadcrumbs secara eksplicit. Ini membantu mesin pencari memahami konteks dan hierarki situs Anda dengan lebih baik.
Verifikasi Perubahan: Setelah melakukan perbaikan website, verifikasi perubahan pada Google Search Console. Pastikan tidak ada lagi masalah terkait breadcrumbs yang dilaporkan.
Pantau dan Pertahankan: Pantau secara teratur laporan Google Search Console untuk memastikan tidak ada masalah baru terkait breadcrumbs. Pertahankan struktur breadcrumbs dengan memperbarui secara berkala sesuai dengan perubahan dalam website atau blog.
Dengan memperbaiki masalah breadcrumbs pada Google Search Console, Anda dapat meningkatkan keterlihatan dan kualitas website atau blog dalam hasil pencarian, serta memberikan pengalaman pengguna yang lebih baik melalui navigasi yang jelas dan intuitif.
