Mengatasi Markup Error Breadcrumb di Google Search Console

  • Whatsapp
Breadcrumbs

Rata – rata Rekan Blogger pasti pernah Mengalami Error Breadcrumb di Google Search Console pada blog Anda.

Kali ini saya akan memberikan sebuah tips cara mudah dan ampuh untuk mengatasinya. Sebelum kita mulai anda harus tahu apa itu Breadcrumb? Breadcrumbs adalah sebuah navigasi pada blog yang menginformasikan dan membantu para pengunjung untuk memahami lokasi mereka saat berada dalam sebuah website. breadcrumbs ini dibuat untuk menyempurnakan navigasi pada blog seperti homepage, kategori, tag, dan juga arsip pada website ataupun blog.

Rekan Blogger pasti bertanya arti atau Apa Itu Breadcrumb?

Definisi Breadcrumb

Breadcrumbs biasanya muncul horizontal di bagian atas halaman web, sering di bawah bar judul atau header. Mereka menyediakan link kembali ke halaman sebelumnya setiap pengguna navigasikan melalui untuk sampai ke halaman saat ini atau di situs-hirarkis struktur-halaman induk yang sekarang. Breadcrumbs memberikan jejak bagi pengguna untuk mengikuti kembali ke titik awal atau entri. [1] A lebih besar daripada-tanda (>) sering berfungsi Sebagai pemisah hirarki, meskipun desainer dapat menggunakan mesin terbang lainnya (seperti »atau>), serta sebagai pengobatan berbagai grafis. Home page > Section page > Subsection page Or Home page : Section page : Subsection page

Fungsi Breadcrumbs

Fungsi breadcrumb pada search engine akan memudahkan mesin pencari untuk merayapi setiap hasil postingan sebuah situs untuk disesuaikan dengan pencarian yang ada sehingga memudahkan para pencari informasi menemukan sumber referensi secara akurat karena dalam hasil pencarian situs akan ditampilkan snipet.

Caranya Mengatasi Error Markup Breadcrumbs

Berikut ini adalah notifikasi yang saya dapat dari google search console karena adanya masalah breadcrumb pada blog ini.

Setelah memahami dan membaca sedikit apa penyebab masalahnya. Google telah menginformasi bahwa mereka menghapus data-vocabulary.org dan mengharuskan setiap kerangka template migrasi ke schema.org.

Kenapa google harus menghapus data-vocabulary.org? untuk lebih paham mari kita buktikan sendiri bahwa alamat dengan data-vocabulary.org tidak tersedia atau error. Cara mengeceknya silahkan anda copy atau ketikkan urlnya seperti ini: http://data-vocabulary.org pada browser google chrome anda, maka akan terlihat seperti gambar dibawah ini:

Untuk memperbaikinya tidak terlalu sulit anda hanya harus mengganti kata https://data-vocabulary.org/breadcrumb dengan code https://schema.org/BreadcrumbList

Apakah code https://schema.org/BreadcrumbList aktif di google tidak error seperti code data-vocabulary, lebih baik anda membuktikannya dengan cara yang sama copy codenya lalu paste di google chrome.

Pada gambar diatas membuktikan bahwa code baru yang akan anda pasang berfungsi dengan baik untuk menyelesaikan masalah error pada blog atau google search console anda.

Karena banyaknya code data-vocabulary.org yang harus diganti pada template blog anda, agar menghemat waktu dan mempersingkat prosesnya saya akan berikan sebuah code full yang saya dapatkan melalui internet dan hampir semuanya sama menggunakan code berikut ini.
cara untuk mengatasi masalah breadcrumb yang error dengan menggunakan code yang sudah banyak beredar di google, berikut ini step by step nya.

  • Login terlebih dahulu ke Blogger
  • Klik Menu Tema lalu Edit HTML
  • Cari kode berikut ini :
<b:includable id='breadcrumb' var='posts'> ..... sampai penutupnya ..... </b:includable>

Untuk lebih jelas dan memudahkan pemahaman anda, silahkan lihat pada gambar dibawah ini:

cara mengatasi masalah error breadcrumb pada blogger
  • Anda hanya perlu menghapus code yang saya blok seperti gambar diatas lalu diganti dengan code dibawah 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=8&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>
  • Save Tema anda dan Selesai.

Setelah anda selesai mengganti code error breadcrumb di blog anda, langkah selanjutnya adalah anda harus memvalidasi di google search console, silahkan masuk ke search console dan masuk ke Breadcrumbs yang error, tinggal  pilih Validasi Perbaikannya.

Jika sudah memvalidasi, anda tinggal tunggu saja, nanti akan ada laporan jika validasi perbaikan berhasil. Jika sudah berhasil dapat dipastikan bahwa search console blog akan berjalan lancar lagi tanpa menemui error tentang breadcrumbs.

Terima kasih sudah membaca artikel saya tentang cara memperbaiki masalah error breadcrumb di google search console secara mudah dan cepat, semoga artikel kali ini bisa membantu masalah anda.

Pos terkait

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *