Ditulis oleh: Ditulis pada: 5/21/2019
Mengatasi Error Struktur Data Untuk Breadcrumb Dengan Schema.org - Sebelumnya breadcrumb yang saya buat untuk blog Kompi Ajaib ini dan beberapa template lainnya tidak ada error pada pengujian struktur data. Namun baru-baru ini muncul error untuk breadcrumb yang menggunakan Schema.org yaitu 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
<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
<a expr:href='data:label.url + "?&max-results=16"' expr:title='data:label.name' itemprop='item'>
Dan berikut penampakan breadcrumb pada alat penguji struktur data setelah dibetulkan.
Sudah tidak ada error The value provided for item.id must be a valid URL lagi pada breadcrumb.
Sekian, semoga bermanfaat.