Fix Blogspot Breadcrumbs Error In Blogger
If you have encountered such an error notification, there may be URLs affected by this error and may even be detected as a 404 URL error. You may also receive notifications due to affected URLs.
How to Fix Breadcrumbs Error?
To fix the Breadcrumbs error, you can use the "Breadcrumbs" old structural data codes on your blog site to use the "BreadcrumbList" new structural data codes below. replace data codes with codes.
<style type='text/css'>
/*<![CDATA[*/
.breadcrumbs {
display: block;
overflow: hidden;
position: relative;
white-space: nowrap;
text-overflow: ellipsis;
}
.breadcrumbs a, .breadcrumb-post-title {
font-size: 13px;
color: #666;
font-weight: normal;
line-height: normal;
}
.breadcrumbs svg {
width: 18px;
height: 18px;
vertical-align: middle;
}
.breadcrumb-post-title {
color: #888;
}
/*]]>*/
</style><b:includable id='Breadcrumbs' var='posts'>
<b:if cond='data:view.isPost'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' itemscope='itemscope' itemtype='https://schema.org/BreadcrumbList'>
<a expr:href='data:blog.homepageUrl' expr:title='data:messages.home'><span><data:messages.home/></span></a> ;
<svg viewBox='0 0 24 24'><path d='M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z'/>>< ;/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=7"' expr:title='data:label.name' itemprop='item' itemtype='https://schema.org/Thing'>
<span itemprop='name'><data:label.name/></span></a>
<meta expr:content='data:num+1' 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'/>>< ;/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'/>>< ;/svg>
<span class='breadcrumb-post-title'><data:post.title/></span>
</div>
</b:if>
</b:loop>
</b:if>
</b:includable><b:include data='posts' name='Breadcrumbs'/>After changing the codes, you can download any few pages of your blog Structural Data Testing Test with the tool.
If you need help with this, write us your questions and Breadcrumbs problems using the comment form.
A little bit about structured data
Google uses structured data formats to provide information about a page and the elements described on the page. This information is used for two purposes;
- Understanding the content of the page.
- Enable custom search result features and enhancements.
Google's "Data Vocabulary" project was an important step in the development of structured data on the web and collaboration with other search engines for chema.org.
Pages with "Data Vocabulary" will apply to search engines. Therefore, Google recommends that we convert the data-vocabulary.org structured data codes to schema.org to take advantage of these features.
Trick Level
Tricklevel.blogspot.com is a blog where we post blogging tips, blogger plugins, AMP, Templates, SEO, HTML CSS & JavaScript project, new awesome tools.