How To Fix "data-vocabulary.org schema deprecated" Breadcrumbs Issue in Search Console - GistaBlog - Home of Dynamic Blogging Ideas.
Buy Template blogger

How To Fix "data-vocabulary.org schema deprecated" Breadcrumbs Issue in Search Console

how to fix data-vocabulary.org schema deprecated error

Recently, Google announced on its official twitter page that the use of “data-vocabulary.org” in breadcrumbs for developing structured data based on markup will no longer be supported for websites and web applications as from April 6, 2020, and consequently, admonished all webmasters to switch to schema.org so as to be eligible for Google rich result features in the future and and to avoid having SEO issues.

In the same vein, Google revealed that the main reason behind the switch is as a result of the increasing usage and popularity of the schema.org markup.


As we all know, Google is always after a user-friendly environment for her users and this is one of the reasons why google is dropping the “data-vocabulary.org” schema for “schema.org”.

Structured data schemas such as schema.org and data-vocabulary.org are used in breadcrumbs and other features by webmasters to help search engines like Google define the content of a particular website or webpage and to qualify such pages for the Google rich result features.

Since Google no longer support the outdated “data-vocabulary.org” schema, many webmasters who are yet to switch to “schema.org” have started receiving warning mails from Google Search console stating that breadcrumbs issues relating to the deprecated data-vocabulary.org has been detected on their website and needs to be fixed. Also,Google recommends that webmasters should fix this issue to enable best experience and coverage of their websites in Google Search.
how to fix data-vocabulary.org schema breadcrumb issue

how to fix data-vocabulary.org schema deprecated breadcrumb issue

I'm sure the question now is how to fix the data-vocabulary.org schema deprecated issue or better put how to convert from ‘data-vocabulary.org’ to ‘schema.org’ schema ?
The solution is not far-fetched, it all lies in removing and adding some lines of codes in your html template, all you need do is to follow the procedures outlined below.

Step 1
Login to your blogger dashboard and choose your blog.

Step 2
Now go to theme session and click on Edit Html.

Step 3
The entire html codes of your blog template will open, then you can now search this code there.
.breadcrumbs a:hover

Step 4
When you find the above code, paste this code just below it.
.breadcrumbs svg{width:16px; height: 16px; vertical-align:-4px}
.breadcrumbs svg path{fill:#666}

Step 5
Now search the code given below.
<b:includable id='breadcrumb'

Step 6
When you find the code, delete everything from the beginning i.e from
<b:includable id='breadcrumb' to the end, i.e </b:includable>.

Step 7
Now, paste this code in where the above code was removed.
<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>
Step 8
When this is done, click on Save Theme. After saving, you can now proceed to Breadcrumbs in Google Search Console to validate fix. Validation can take a few days, but you'll get a message from Google once the process is complete.
how to validate data-vocabulary.org schema deprecated issue

See Also: How To Add Yoast SEO Plugin To Blogger Blogs (Pictures)
Previous article
Next article

Leave Comments

Post a comment

Articles Ads

Articles Ads 1

Articles Ads 2

Advertisement Ads