Breadcrumb Error Kolom "Position" Tidak Ada - Begini Cara Mengatasinya!

Halo!

Kalian punya blog/web dan mendapatkan pesan dari google console bahwa ada error pada sebagian atau keseluruhan halaman blog? Salah satu error yang biasa dialami oleh banyak pemilik blog ialah masalah error kolom position tidak ada. Yap sperti gambar diatas itu.

Beberapa hari belakangan ini, gw juga dapet nih masalah kayak gitu. Suatu hari gw dapet pesan email dari google console yang isinya ialah sbb;

dokpri

Kalian dapet pesan yang ga jauh beda sperti gambar itu? dan kalian ingin mencari jalan keluar untuk mengatasi masalah tersebut? kalo bgitu, kalian berada di blog yang tepat. Gw mau kasi tau gmana cara memperbaiki masalah error yang ada tersebut. Cara gw ini juga bisa dipakai untuk mengatasi masalah breadcrumb yang lainnya. Cara gw ini udah gw buktiin sendiri dan hasilnya berhasil. Kalian hanya perlu mengganti kode breadcrumb yang ada pada situs kalian dengan kode breadcrumb yang benar. Mana kode breadcrumb yang benar itu? mari simak lebih lanjut artikel ini ya..

Baca juga :
CARA MENAMPILKAN IKLAN DI ANTARA POSTINGAN ARTIKEL BLOG

Langkah-langkah mengganti kode breadcrumb pada blogger untuk mengatasi masalah breadcrumb error

Masuk ke blogger kalian, kemudian pilih "Tema".
Klik dropbox yang ada disamping box Sesuaikan.
Kemudian, pilih "Edit HTML"
Setelah itu, cari kode berikut pada rangkaian HTML blog kalian. Kalian bisa menggunakan bantuan ctrl+F untuk memudahkan pencarian.
Cari kode berikut ini:
<b:includable id='breadcrumb' var='posts'></b:includable>
Biasanya tiap template yang digunakan memiliki struktur yang berbeda. Bilamana kalian tidak menemukan kode yang sama persisi dengan itu, kalian bisa cari dengan kata kunci "breadcrumb" dan kalian pilih yang terletak di tag b:includable ...... var='post' seperti contohnya sbb;
Setelah kalian menemukan kodenya, kalian bisa ganti kode isi nya (kode isi merupakan bagian antara tag pembuka dan tag penutup <b:includable .... var='post'> [ini yang dimaksud isi] </b:includable>) dengan kode berikut ini;

<b:if cond='data:view.isPost'>
<b:loop values='data:posts' var='post'>
<div class='breadcrumbs' itemscope='itemscope' itemtype='https://schema.org/BreadcrumbList'>
<span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'>
<a expr:href='data:blog.homepageUrl' itemprop='item' title='Home'>
<meta content='1' itemprop='position'/>
<span itemprop='name'><b:switch var='data:blog.locale'><b:case value='id'/>Beranda<b:default/>Home</b:switch></span></a>
</span>
<b:if cond='data:post.labels'>
<b:loop index='nomor' values='data:post.labels' var='label'> &nbsp;›&nbsp;
<span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'>
<meta expr:content='data:nomor+2' itemprop='position'/>
<a expr:href='data:label.url + "?&max-results=8"' expr:title='data:label.name' itemprop='item' rel='nofollow'>
<span itemprop='name'><data:label.name/></span>
</a>
</span>
</b:loop>
<b:else/>
&nbsp;›&nbsp; <span itemprop='name'><data:blog.pageName/></span>
</b:if>
</div>
</b:loop>
<b:elseif cond='data:view.isPage'/>
<div class='breadcrumbs' itemscope='itemscope' itemtype='https://schema.org/BreadcrumbList'>
<span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'>
<a expr:href='data:blog.homepageUrl' itemprop='item' title='Home'>
<meta content='1' itemprop='position'/>
<span itemprop='name'><b:switch var='data:blog.locale'><b:case value='id'/>Beranda<b:default/>Home</b:switch></span></a>
</span> &nbsp;›&nbsp;
<span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'>
<meta expr:content='data:num+2' itemprop='position'/>
<a expr:href='data:blog.url' expr:title='data:post.url' itemprop='item'>
<span itemprop='name'><data:blog.pageName/></span>
</a>
</span>
</div>
</b:if>

Bila kalian menemukan versi kode yang pertama tadi (<b:includable id='breadcrumb' var='posts'></b:includable>), kalian tinggal tambahkan kode di atas pada bagian isi yakni di antara tag pembuka dan tag penutup <b:includable id='breadcrumb' var='posts'> [paste kan kode di sini ya]</b:includable>

Sesudah kalian mengganti atau menambah kode nya itu, maka langkah terakhir ialah periksa kembali sampai kalian yakin bahwa kode yang kalian letakkan itu sudah benar dan berada di tempat yang tepat. Jika kalian sudah merasa yakin klik Simpan.

WARNING!!!
Kalian harus berhati-hati dalam memilih kode breadcrumb yang dimaksud ya.. karena bilamana kalian salah maka akan berdampak vatal pada tampilan blog kalian. Saran saja, mungkin sebelum diganti, kalian bisa copy paste kan dulu seluruh kode html blog kalian di tempat lain (contohnya di notepad), baru kalian bisa coba ganti. Bila bermasalah, maka gantilah lagi ke kode sebelumnya

Baca juga :
INI CARA MEMBUAT EFEK SCROLL PADA POSTINGAN BLOG! MUDAH DAN TERJAMIN!

Oke, sampai sini, masalah sudah dapat terselesaikan. Akan tetapi, tidak sampai di sini saja, kalian harus memberitahu search console bahwa kalian sudah membetulkan error tersebut. Caranya;

Kalian masuk ke Google Search Console
Pilih Breadcrumb
dokpri
Setelah itu, kalian klik "Validasi Perbaikan". Jika tidak ada kalian klik bagian Detail terlebih dahulu, baru setelahnya klik "Validasi Perbaikan"

Jika sudah, langkah selanjutnya ialah menunggu hingga perbaikan selesai. Ini bisa memakan waktu kurang lebih 1 hingga 7 hari. Kalian bisa sambil memantau, dengan meng-klik bagian "Lihat Detailnya"

Dannn hasilnya, dalam waktu kurang dari 2 hari, gw udah dapet balesan dari Google Search Consolenya, yang mengatakan bahwa perbaikan yang dilakukan berhasil.