Data Vocabulary Schema Deprecated Breadcrumbs error Fix in blogger

April 11, 2020

Data Vocabulary Schema Deprecated Breadcrumbs error Fix in blogger by Vishesh Grewal

Importance of Breadcrumbs

Why is it important to have valid breadcrumb structured data markup?

Google Search uses breadcrumb markup in the body of a web page to categorize the information from the page in search results. Given the fact that Google is displaying breadcrumbs more prominently in search results, it’s more important than ever to make sure the markup is valid. Breadcrumb markup can be implemented using JSON-LD, RDFa, or Microdata. It can also be implemented as part of a page’s visual design using HTML.

"How to Fix Breadcrumbs Issue?"

If you get Email from Google mentioning that your posts have breadcrumbs issues.
While submitting your post in Google Webmaster tool, you are able to submit the post for indexing, but while testing URL, you get a warning like “Data Vocabulary Schema Deprecated Breadcrumbs error”.

Don’t worry guys, I found an instant solution for this which is 100% WORKING and TESTED. I found this solution because recently i also get a email from "Google Search Console" related Breadcrumbs issue on my Blog.

Steps To Fix Breadcrumbs Issue:-

Go to your blogger and navigate to “Theme” and click “Edit HTML”.
Click anywhere in the HTML code window of your blogger theme and search for “.breadcrumbs a:hover” OR “.breadcrumbs span a:hover”. You will definitely find either of these two.
Paste this code.


.breadcrumbs svg{width:16px;height:16px;vertical-align:-4px}

.breadcrumbs svg path{fill:#666}

After that Search again for below line in blogger theme HTML

<b:includable id='backlinks'

Paste this code.

<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>

Vishesh Grewal