Cara Memperbaiki dan Mengatasi Error Breadcrumbs Markup di Search Console

Cara Memperbaiki dan Mengatasi Error Breadcrumbs Markup di Search Console
Cara Memperbaiki dan Mengatasi Error Breadcrumbs Markup di Search Console - Saat ini lagi marak terjadi error pada bagian bredcrumb para blogger. Notifikasi error bredcrumb markup dari Seacr Console dikirimkan melalui laman email masing-masing. Coba saja cek di email Anda, atau setidaknya cek juga di laman Google Search Console.

Nah, saya sendiri juga mengalami hal yang sama. Perihal terjadinya error bredcrumb ini saya alami pada beberapa template SEO yang saya buat. Namun jangan khawatir, pada kesempatan ini akan coba saya berikan tips cara memperbaiki breadcrumb yang error di Search Console.

Penyebab error breadcrumb di Seacrh Console


Hipotesa saya akan penyebab munculnya error di struktur data template khususnya pada bagian breadcrumb adalah bahwa Google mendeteksi ini dari cache index Google Dampaknya, alamat url yang telah usang. Edningnya url tersebut ketika sedang dirayapi atau keindex Google memang memiliki error, sehingga breadcrumb teridentifikasi error.

Salah satu leterangan lain dari Mas Adhy adalah sebagian besar masalah error breadcrumb ini muncul dari masalah "id tidak valid". Agar lebih mengerti masalah ini, silahkan simak postingan tentang Mengatasi Error Struktur Data Untuk Breadcrumb Dengan Schema.org yang sebelumnya sudah saya bahas.
Error The value provided for item.id must be a valid URL ini menunjukan bahwa URL tidak terdeteksi. URL harus menggunakan tag ID agar terdeteksi dan merupakan bagian dari sebuah item breadcrumb.
Lalu bagaimana cara mengatasinya?

Cara Memperbaiki dan Mengatasi Error Breadcrumbs Markup di Search Console

Berikut ini adalah langkah-langkah yang bisa Sobat lakukan untuk mengatasi Cara Memperbaiki dan Mengatasi Error Breadcrumbs Markup di Search Console. 

#1. Silakan cari kode berikut ini di template Sobat
<a expr:href='data:blog.homepageUrl' itemprop='item' itemtype='https://schema.org/Thing' title='Home'><span itemprop='name'>Home</span></a>
dan kode di bawah ini:
<a expr:href='data:label.url + &quot;?&amp;max-results=16&quot;' expr:title='data:label.name' itemprop='item' itemtype='https://schema.org/Thing'>
Perhatikan pada kode yang ditandai, ada juga yang menambahkan kode itemscope='itemscope' pada kode tersebut sehingga menjadi seperti ini.
<a expr:href='data:blog.homepageUrl' itemprop='item' itemscope='itemscope' itemtype='https://schema.org/Thing' title='Home'><span itemprop='name'>Home</span></a>
Dan
<a expr:href='data:label.url + &quot;?&amp;max-results=16&quot;' expr:title='data:label.name' itemprop='item' itemscope='itemscope' itemtype='https://schema.org/Thing'>
Untuk mengatasi error pada breadcrumb yang menggunakan Schema.org, The value provided for item.id must be a valid URL ini, silahkan hapus kode berikut pada kedua kode yang ditandai di atas. itemscope='itemscope' itemtype='https://schema.org/Thing'

Jika tidak ada kode itemscope='itemscope' pada kode tersebut, berarti cukup menghapus kode berikut. itemtype='https://schema.org/Thing'

Sehingga kodenya menjadi seperti ini.
<a expr:href='data:blog.homepageUrl' itemprop='item' title='Home'><span itemprop='name'>Home</span></a>
Dan
<a expr:href='data:label.url + &quot;?&amp;max-results=16&quot;' expr:title='data:label.name' itemprop='item'>
#2. Save template

Masih belum berhasil?

Silakan coba terapkan langkah di bawah ini:

#1. Silakan cari kode <b:includable id='comment-form' var='post'>

#2. Copas kode berikut tepat di atas kode pada langkah #1:
 <b:includable id='breadcrumb' var='posts'> <b:if cond='data:blog.pageType == &quot;item&quot;'> <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' title='Home' itemprop='item'> <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 + &quot;?&amp;max-results=16&quot;' 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 != &quot;true&quot;'> <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>

#3. Tambahkan kode di bawah ini sebelum kode </head>
<style type='text/css'> /* Breadcrumb */ .breadcrumbs{background:#fff;line-height:1.2em;width:auto;overflow:hidden;margin:0;padding:10px 0;border-top:1px solid #dedede;border-bottom:1px solid #dedede;font-size:80%;color:#888;font-weight:400;text-overflow:ellipsis;-webkit-text-overflow:ellipsis;white-space:nowrap} .breadcrumbs a{display:inline-block;text-decoration:none;transition:all .3s ease-in-out;color:#666;font-weight:400} .breadcrumbs a:hover{color:#11589D} .breadcrumbs svg{width:16px;height:16px;vertical-align:-4px} .breadcrumbs svg path{fill:#666} </style>
#5. Tambahkan kode di bawah ini sebelum kode <b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/>
#6. Simpan tema/ Save template.

Setelah itu, coba cek di Search Console kembali.

Demikian sekilas informasi mengenai Cara Memperbaiki dan Mengatasi Error Breadcrumbs Markup di Search Console. Semoga bermanfaat, salam.
Sahilluqman
Sahilluqman Hanyalah seorang blogger yang ingin bermanfaat untuk sesama

1 komentar untuk "Cara Memperbaiki dan Mengatasi Error Breadcrumbs Markup di Search Console"

Posting Komentar

Silakan masukkan komentar Sobat di sini!

Berlangganan via Email