Memperpaiki Error The value provided for item.id must be a valid URL pada Breadcrumb
Breadcrumb
yang menggunakan schema.org pada
template template Blog beberapa waktu lalu muncul error seperti The value
provided for item.id must be a valid URL.
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.
Berikut gambar untuk error pada breadcrumb yang menggunakan Schema.org, The value provided for item.id must be a valid URL.
Kode breadcrumb dengan Schema.org yang error ini biasanya seperti berikut ini.
<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' itemtype='https://schema.org/Thing' 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' itemtype='https://schema.org/Thing'> <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>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 kemudian seperti :
<a expr:href='data:label.url + "?&max-results=16"' 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 kemudian seperti :
<a expr:href='data:label.url + "?&max-results=16"' expr:title='data:label.name' itemprop='item'>Dan gambar dibawah ini adalah bagaimana penampakan breadcrumb pada alat penguji struktur data setelah diperbaiki.
Nah…Sekarang sudah tidak ada lagi error The value provided for item.id must be a valid URL lagi pada breadcrumb blog Sobat.
Sekian,
semoga bermanfaat.