Breadcrumbs Issue

data-vocabulary issue solved code

Fix breadcrumbs error in Google Search Console - Do you want to resolve breadcrumbs markup error? Google recently added breadcrumbs validation in Search Console and You might have got an email about Google Breadcrumbs Markup Validation error for your website.

We have described all the ways that can be used now to fix the breadcrumbs error in this article.

How do you fix an error? Breadcrumbs Missing field "itemListElement" on Google Webmaster Tools?
How can to solve this issue in invalid url in field id breadcrumbs?
Breadcrumbs What is the error?
Breadcrumbs What is this?

So, in this article I 'll telling What is Breadcrumbs error and how to fix this error in bloggers.

For Blogger

First open your Google Search Console, scroll down and select the option of Breadcrumbs and open "Valid with warning urls" then below you 'll see the warning "data-vocabulary issue solved code". So, you 'll see your defected urls. When you open each of your url and click on it, you 'll see the
"The URL is in the Google, but has issue"
then go to your Blogger > themes >Edit with HTML and find the code .breadcrumbs a
:hover
and copy/paste the Code No. 1 after the last ".breadcrumbs".
After that find the "<b:includable>" and select all codes having the class (.breadcrumbs) <b:includable> from open tag to closing tag. and replace all the cose with Code No. 2, and save setting.

After 2 hours-2 days the breadcrumbs issue 'll be solved. And copy/paste your affected urls into URLs inspections box. Now you 'll see this.
"The URL is in the Google".

Code No. 1:

.breadcrumbs svg{width:16px;height:16px;vertical-align:-4px} .breadcrumbs svg path{fill:#666}

Code No. 2:

<b:includable id='breadcrumb' var='posts'> <b:if cond='data:blog.pageType == "item"'> <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 + "?&max-results=16"' 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 != "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> </b:if> </b:includable>

For WordPress

Use plugins like Rank Math SEO to create your site breadcrumbs.

Breadcrumbs navXT plugin and Yoast SEO both use theme breadcrumbs functions to create breadcrumbs for your website which is good for SEO. But the theme breadcrumbs function coding standard may be poor due to that the breadcrumbs error will persist.

For more articles click here