Overcoming Data Structure Errors For Breadcrumbs With
Schema.org - Previously the breadcrumb I made for this Magic Company blog and
several other templates had no errors in testing data structures. However, an
error recently appeared for breadcrumbs using Schema.org, namely, The value
provided for item.id must be a valid URL.
Error The value provided for item.id must be valid. This URL
indicates that the URL was not detected. The URL must use an ID tag in order to
be detected and is part of a breadcrumb item.
Here is an image for errors in breadcrumb using Schema.org ,
The value provided for item.id must be a valid URL .
The breadcrumb code with Schema.org error is usually like this.
<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>Pay attention to the code that is marked, some also add the itemscope='itemscope' code to the code so it itemscope='itemscope' like this.
<a expr:href='data:blog.homepageUrl' itemprop='item' itemscope='itemscope' itemtype='https://schema.org/Thing' title='Home'><span itemprop='name'>Home</span></a>And
<a expr:href='data:label.url + "?&max-results=16"' expr:title='data:label.name' itemprop='item' itemscope='itemscope' itemtype='https://schema.org/Thing'>To resolve errors in breadcrumb using Schema.org, the value provided for item.id must be a valid URL , please delete the following code in the two codes marked above.
itemscope='itemscope' itemtype='https://schema.org/Thing'If there is no itemscope='itemscope' code in the code, it is sufficient to delete the following code.
itemtype='https://schema.org/Thing'So the code becomes like this.
<a expr:href='data:blog.homepageUrl' itemprop='item' title='Home'><span itemprop='name'>Home</span></a>And
<a expr:href='data:label.url + "?&max-results=16"' expr:title='data:label.name' itemprop='item'>And following the appearance of the breadcrumb on the data structure test tool after corrected.
There is no error The value provided for item.id must be a valid URL again in the breadcrumb.
So, hopefully useful.