How To Fix “data-vocabulary.org schema deprecated” Error In Blogger

Google has recently announced the end support for data-vocabulary from April 6, 2020! With the increasing usage and popularity of http://schema.org  they have decided to focus our development on a single scheme. As of April 6, 2020, http://data-vocabulary.org  markup will no longer be eligible for Google rich result features.  You can read more about this news on google's official blog, through below link.


Since our blogger templates are supported with breadcrumb navigation they need to be fixed, our latest generation themes are well supported with schema.org markup but 2nd generation and older themes, doesn't contains this functionality, so here is a quick and easy tutorial about, How To Fix “data-vocabulary.org schema deprecated” Error In Blogger.

Finding and fixing the code.

Now this is a crucial step and you need to carefully do this, otherwise, you won't be able to fix the issue and your template will not save. You need to find this code and replace it with below code. so we will change it with original code for proper markup validation. In the template, search for the below code.


 <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> <brc>/</brc> 
      <b:if cond='data:post.labels'>
      <b:loop values='data:post.labels' var='label'>
       
           <b:if cond='data:label.isLast == &quot;true&quot;'>
<span typeof='v:Breadcrumb'>
                                    <a expr:href='data:label.url' rel='tag'><data:label.name/></a></span>
                                  </b:if>
      </b:loop>
      <b:else/>
         Unlabelled
      </b:if>
      <brc>/</brc> <span><data:post.title/></span>
  </div>


Once you will find the code, replace it with below code.

Note:- Highlighted part will help you to find the code, as smaller codes are easy to search. If you don't know how to find specific code, then follow this tutorial.


<div class='breadcrumbs'>
    <span><a class='bhome' expr:href='data:blog.homepageUrl'>Home</a></span> <brc>/</brc> 
      <b:if cond='data:post.labels'>
      <b:loop values='data:post.labels' var='label'>
       
           <b:if cond='data:label.isLast == &quot;true&quot;'>
<span>
                                    <a expr:href='data:label.url' rel='tag'><data:label.name/></a></span>
                                  </b:if>
      </b:loop>
      <b:else/>
         Unlabelled
      </b:if>
      <brc>/</brc> <span><data:post.title/></span>
  </div>
         <script type='application/ld+json'>
              {
                &quot;@context&quot;: &quot;http://schema.org&quot;,
                &quot;@type&quot;: &quot;BreadcrumbList&quot;,
                &quot;@id&quot;: &quot;#Breadcrumb&quot;,
                &quot;itemListElement&quot;: [{
                  &quot;@type&quot;: &quot;ListItem&quot;,
                  &quot;position&quot;: 1,
                  &quot;item&quot;: {
                    &quot;name&quot;: &quot;<data:messages.home/>&quot;,
                    &quot;@id&quot;: &quot;<data:blog.homepageUrl.jsonEscaped/>&quot;
                  }
                },{
                  &quot;@type&quot;: &quot;ListItem&quot;,
                  &quot;position&quot;: 2,
                  &quot;item&quot;: {
                    &quot;name&quot;: &quot;<b:if cond='data:post.labels'><data:post.labels.last.name/></b:if>&quot;,
                    &quot;@id&quot;: &quot;<data:post.labels.last.url.jsonEscaped/>&quot;
                  }
                },{
                  &quot;@type&quot;: &quot;ListItem&quot;,
                  &quot;position&quot;: 3,
                  &quot;item&quot;: {
                    &quot;name&quot;: &quot;<data:post.title/>&quot;,
                    &quot;@id&quot;: &quot;<data:post.url.jsonEscaped/>&quot;
                  }
                }]
              }
            </script>



Conclusion

Congrats !! You have made it. now you have learned that How To Fix “data-vocabulary.org schema deprecated” Error In Blogger. Visit your blog and check the code live in action, hope you liked this tutorial, if you enjoyed then please share it with your friends, we are working hard to develop more such awesome widgets please stay tuned with Us.

Post a Comment

0 Comments