[FIXED] data-vocabulary.org schema deprecated | Solve Breadcrumb in Blogger

In this post I am going to tell you how you can solve data-vocabulary.org schema deprecated in Blogger. This problem has been started arising since Jan 2020. This is because Google is no longer supporting data-vocabulary.org schema, instead it had moved to schema.org . This caused to create a breadcrumb issue in your website whether on Blogger or WordPress.
You need not worry about this as there is very simple solution for this problem.

I am telling you two solution for this problem. Both solution are similar as in both you need to edit html. But only one will work for anyone as there are different codes to replace in different html. Don't get confused read the solutions below.

SOLUTION 1

This solution is for those who are having "includable id='breadcrumb" in their theme html.

For this solution follow steps below:

1. Open edit theme html in blogger.

2. Press Ctrl+F to search for .breadcrumbs a:hover in the theme.

3. Then press enter at the end of line containing this code and paste the code below

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

.breadcrumbs svg path{fill:#666}

4. Now again press Ctrl+F and search for id='backlinks'

5. If in the next line to this code you see <b:includable id='breadcrumb' then select the whole paragraph containing this code and replace it with the code below

<b:includable id='breadcrumb' var='posts'> <b:if cond='data:blog.pageType == "item"'> <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 + "?&max-results=16"' 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 != "true"'> <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>

6. After that save html.
7. Open Google Search console and there under Breadcrumbs select for validation.

SOLUTION 2

This solution is for those who not are having "includable id='breadcrumb" in their theme html.

For this solution follow steps below:

1. Open edit theme html in blogger.

2. Press Ctrl+F and search for <div class='breadcrumbs'
3. You will see a code as given below:

<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 == "true"'><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>

4. Replace this code by the code given below:

<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 == "true"'><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'> { "@context": "http://schema.org", "@type": "BreadcrumbList", "@id": "#Breadcrumb", "itemListElement": [{ "@type": "ListItem", "position": 1, "item": { "name": "<data:messages.home/>", "@id": "<data:blog.homepageUrl.jsonEscaped/>" } },{ "@type": "ListItem", "position": 2, "item": { "name": "<b:if cond='data:post.labels'><data:post.labels.last.name/></b:if>", "@id": "<data:post.labels.last.url.jsonEscaped/>" } },{ "@type": "ListItem", "position": 3, "item": { "name": "<data:post.title/>", "@id": "<data:post.url.jsonEscaped/>" } }] } </script>

5. After that save html.
6. Open Google Search console and there under Breadcrumbs select for validation.

Hopefully this works for you....
If you face any issue feel free to contact...
Thanks...

[FIXED] data-vocabulary.org schema deprecated | Solve Breadcrumb in Blogger

SOLUTION 1

SOLUTION 2

You May Also Like

No comments:

Popular Posts

Categories

Social Media Icons

Report Abuse

Contact Form

Search This Blog

Random Posts

Tags

Recent Posts