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

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.

With the increasing usage and popularity of https://t.co/hGrr8MSS40 we decided to focus our development on a single scheme. As of April 6, 2020, https://t.co/N98EXBIRJ6 markup will no longer be eligible for Google rich result features. Read more at https://t.co/n8qsmdLgxE pic.twitter.com/JIg9yqMxRB

— Google Webmasters (@googlewmc) January 21, 2020

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.

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.

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

Previous article

Next Post

Next article

Previous Post