How to Fix Breadcrumb Error in Blogger Template

Fajar Nindyo
When you submit a new URL in the GSC (Google Search Console) then a breadcrumb error message appears, the html structure on the blogger template must be corrected by the following method:

Find the line of code below (in your Blogger template):

<div class='breadcrumbs' id='breadcrumbs'> <div id='bread-crumbs'> <span itemscope='itemscope' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:blog.homepageUrl' itemprop='url' title='Home'><span itemprop='title'>Home </span></a></span> &#187; <b:loop values='data:post.labels' var='label'> <span itemscope='itemscope' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:label.url + &quot;?max-results=15&quot;' expr:title='data:label.name' itemprop='url'><span itemprop='title'><data:label.name/></span></a><b:if cond='data:label.isLast != &quot;true&quot;'/> &#187; </span> </b:loop><span><data:post.title/></span> </div></div>


breadcrumb

Replace the line of code above with the 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-caret-right'/> <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-caret-right'/></b:if> </b:loop> <b:else/> Unlabelled </b:if> <i class='fa fa-times'/><span><data:post.title/></span> </b:loop> </div>

Then, check URL with the following testing tool:

breadcrumb

Then do the validation in GSC (Validate Fix) where the info "Validation started [date/month/year] will appear. To see details, click [See Details]. Validation status will appear: Pending, Passed, Failed, and Other.
breadcrumb

Google will also send information via email: We're validating your Breadcrumbs issue fixes for site https://www.yourdomain.com/. Google has started validating your fix of breadcrumbs issues on your website. Specifically, Google is checking for 'data-vocabulary.org schema deprecated' which is currently affected [xx] pages. Validation process will require a few days and Google will send a message to you when that process is complete. And you can also monitor the progress of the test by clicking the button of [See validation flow progress].
breadcrumb

Share this :

Latest
Previous
Next Post »
11 Komentar
avatar

I can't find those code, I've searched many times.

Balas
avatar

Thanks man a lot great and usefull code this works for my blog alvistec

Balas
avatar

It doesn’t work in all cases. There are two breadcrumbs types existing in blogger and this is only for one. recent templates don’t have that option.

Balas
avatar

Great sir. I solved this issue. Now green Light

Balas

Write your comments
  • Please leave your comments here. Any comments with active link or advertisment will be deleted.
  • © 2020 Tutorial-Pedia ✔