How to fix data-vocabulary.org schema deprecated Breadcrumbs issue in Blogger Blog?

blogger-breadcrumbs-issue

Recently, Google deprecated data-vocabulary.org breadcrumbs codes. Most of the site got like this issue in Google Search Console. In WordPress, This issue will fix by plugin or theme updates. But In Blogger most of them don’t know how to fix it.

 

So, I shared some methods to fix this issue in Blogger Blogs.

How to fix data-vocabulary.org schema deprecated issue in Blogger Blog?

Step 1: Visit the Blogger Dashboard.

Step 2: Go to Theme & Edit HTML

Step 3: Search & Find the Section present in the word “data-vocabulary

Step 4: I hope the code will look like below (Some little difference occur but check it was breadcrumbs code or not)

<div class=’breadcrumbs’ xmlns:v=’http://rdf.data-vocabulary.org/#’>
<span typeof=’v:Breadcrumb’><a class=’bhome’ expr:href=’data:blog.homepageUrl’ property=’v:title’ rel=’v:url’>Home</a></span><i class=’fa fa-times’/>
<b:loop values=’data:posts’ var=’post’>
<b:if cond=’data:post.labels’>
<b:loop values=’data:post.labels’ var=’label’>
<span typeof=’v:Breadcrumb’>
<a expr:href=’data:label.url’ property=’v:title’ rel=’v:url’><data:label.name/></a></span>
<b:if cond=’data:label.isLast != &quot;true&quot;’><i class=’fa fa-times’/></b:if>
</b:loop>
<b:else/>
Unlabelled
</b:if>
<i class=’fa fa-times’/><span><data:post.title/></span>
</b:loop>
</div>

Step 5: Replace that above code with this following code.

<div class=’breadcrumbs’ itemscope=’itemscope’ itemtype=’https://schema.org/BreadcrumbList’>
<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><i class=’fa fa-times’/>
<b:loop values=’data:posts’ var=’post’>
<b:if cond=’data:post.labels’>
<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’ 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;’><i class=’fa fa-times’/></b:if>
</b:loop>
<b:else/>
Unlabelled
</b:if>
<i class=’fa fa-times’/><span><data:post.title/></span>
</b:loop>
</div>

Step 6: Save your Template.

Step 7: Check your site Breadcrumbs using this following link

Done. Now, You fixed this issue. I hope this code will work for all. If any issue the leave comment below. Thank You.

Add a Comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.