How to fix Breadcrumbs Error in Blogger

 

What is This error?
From April 6, 2020 google announces that it will no longer supporting data-vocabulary.org schema. what is this data-vocabulary and schema? Well, you don't need to know what it is to fix the issue. You can easily solve this issue as shown in this article. If you still want to know about this then you can google it.

How to Fix Breadcrumb issue in Blogger template:

Fixing the data-vocabulary.org schema deprecated error in google search console

For blogger users, It is very easy to resolve this search console issue. We need to replace just a few words from template. To do this:
(you will need a laptop to do this)

1. Login to your Blogger dashboard
2. Select the site for which you are getting the warning.
3. Click on "Theme" option from left hand side menu.
4. Click on "Edit HTML" option next to customize.
5. Click inside the HTML Code
6. Press CTRL+F from your keyboard (Which will open search bar)
7. Type "breadcrumbs" in search bar and hit Enter.

Now You See

Copy this code:

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

.breadcrumbs svg path{fill:#666}

Follow image guideline to paste code

Now again press enter now you will see that code shown in image

Now select all code and replace this code with code below

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

and paste code like shown in image below

1. That is it! Just Click on "Save Theme" option and you are done with blogger template.
2. Now, login to your google search console dashboard and click on the notification and click "Fix Breadcrumbs Issue"
3. Now just click on the "Validate Fix" button. It will start a validation and you will get an message that validation started.

Once google validate your fix you will get a success mail to your gmail.

Now your  issue is resolved.