loading...
loading...

Cara Perbaiki Permasalahan Data Terstruktur Template Blogger Breadcrumb Kolom Position

Cara Perbaiki Permasalahan Data Terstruktur Template Blogger Breadcrumb Kolom Position



BlogKalsel.com - Beberapa hari yang lalu, Blog Kalsel mendapatkan email dari Google memberitahukan tentang error masalah breadcrumb terdeteksi di blog.

Email tersebut berisikan "Error dapat menyebabkan halaman atau fitur Anda tidak muncul di Hasil penelusuran. Error berikut ditemukan di situs Anda: Kolom 'position' tidak ada".

Error breadcrumb belakangan ini sering terjadi bagi pengguna blogger yang menggunakan platform blogspot dari google.

BACA JUGA :
Facebook Mengembangkan Headset Oculus Quest VR Wireless yang Lebih Kecil, Lebih Ringan, Nirkabel
Cara Mengaktifkan / Menonaktifkan Superfetch / SysMain di Windows 10 Terbaru

Untuk menyelesaikan masalah tersebut, ada dua cara yakni bisa dengan update template blog ke versi yang terbaru atau tetap menggunakan template yang ada akan tetapi perbaiki sedikit kode script html untuk menyelesaikan masalah error breadcrumb.

Dalam kasus saya ini, error yang disebabkan pada template blog saya ada pada kolom 'position' yang tidak ada. Bagi kalian yang mengalami masalah seperti ini atau hampir sama mengalami error pada breadcrumb yang muncul dari notifikasi dari google melalui email atau notifikasi di webmaster tools bisa mengikuti langkah di bawah ini.

Untuk menguji data terstruktur blog anda, bisa gunakan Alat Uji Coba Data Terstruktur dari Google terlebih dahulu. Dengan cara copy paste url blog anda (Contoh : ''http://www.blogkalsel.com/') dan juga url postingan blog anda (Contoh : "http://www.blogkalsel.com/2020/05/perbaiki-breadcrumb-template-blogger-kolom-position.html").

Hasil yang saya dapatkan dari Alat Uji Coba Data Terstruktur dari Google tersebut memang ada kesalahan pada breadcrumb kolom 'position' seperti gambar di bawah ini.



Bisa diikuti langkah berikut ini dengan benar (menghindari kesalahan pada langkah edit html template blog agar diback up terlebih dahulu).

1. Masuk ke Dashboard Blogger terlebih dahulu
2. Pilih Tema
3. Klik Edit HTML
4. Cari kode dibawah ini pada kolom pencarian atau gunakan Shortkut Key (Ctrl+F).

<b:includable id=’breadcrumb’ var=’posts’>…sampai dengan penutup…</b:includable>


5. Setelah menemukan kode script serupa diatas, hapus kode script tersebut di atas.
6. Ganti kode script yang dihapus tadi dengan kode script di bawah ini.

<b:includable id='breadcrumb' var='posts'>
<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'> &amp;nbsp;&#8250;&amp;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 + &quot;?&amp;max-results=10&quot;' expr:title='data:label.name' itemprop='item' rel='nofollow'>
<span itemprop='name'><data:label.name/></span>
</a>
</span>
</b:loop>
<b:else/>
&amp;nbsp;&#8250;&amp;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> &amp;nbsp;&#8250;&amp;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>
</b:includable>
<!-- Made by http://www.blogkalsel.com/ -->


7. Setelah dipastikan mengikuti langkah di atas, klik Simpan Template.

BACA JUGA :
Cara Mengunduh dan Install Cloud Aplikasi Zoom Untuk Microsoft Outlook
Google dan Apple Bergabung Untuk Melawan Pandemi Corona Menggunakan Penelusuran Kontak Tingkat Lanjut

Setelah saya ubah kode script seperti langkah di atas, error breadcumb kolom 'position' tadi sekarang sudah tidak ada lagi setelah saya uji data terstruktur ulang seperti gambar di bawah ini.



Setelah berhasil diselesaikan permasalahan tersebut dengan mengikuti langkah di atas tadi, ajukan perbaiki masalah breadcrumb pada Google Search Console atau dari email notifikasi yang didapat sebelumnya.

Sekian dari Blog Kalsel semoga bermanfaat bagi kita semua khususnya bagi para blogger di Indonesia.

COPYRIGHT © BLOG KALSEL 2020

Posting Komentar

[blogger]

Formulir Kontak

Nama

Email *

Pesan *

Blog Kalsel. Diberdayakan oleh Blogger.
Javascript DisablePlease Enable Javascript To See All Widget