How to Fix BREADCRUMBS error in Blogger - Complete Tutorials , 100% solved

web development

Tuesday 30 March 2021

Hacker

web development

BreadCrumbs Error in Blogger

Hey, Today we will discuss about breadcrumbs error. Breadcrumbs error very affects to our website. if you want to fix this error so read the article till at the end.

breadcrumbs error

What is Breadcrumb:

Breadcrumb is an error that is found on the google search console while we indexing the blogger post. this error can be a heavy effect to your website. The breadcrumb & SEO are connected.
Breadcrumb error generally helps our website for easy to find any element and very difficult to indexing the Article.

You Can see breadcrumbs problem in following picture:

how to fix breadcrumbs in blogger

Why Is Breadcrumbs Found In Google Search Console:-

There are many Reason To Found The Breadcrumb Error In The search Console.

This is occure when we does not use Lable on the Blogger post.
When our website theme is not developed according to the latest require policy of google search console.
When our blogger setting is not properly set like a robot.txt .

In this Article I Am telling you how to fix Breadcrumb Error in blogger so read carefully and follow me step by step and article at the end.

How To Fix Breadcrumbs Error In Blogger :

Now follow the steps for fix Blogger Breadcrumbs Error :

Step 1

go to your blog setting Set All Blogger Basic SEO setting by seeing this video click on url.

Note:- Ignore if you have already save this setting.

Step 2

Now go to the Blogger theme section and click on the edit HTML then click any place and press Ctrl+F for search Then type Breadcrumb.

After searching breadcrumb then your screen will be shown like that as you can see in the following Image.

How to solve BREADCRUMBS error in Blogger

Step 3

Now press Enter at the last sequence breadcrumbs.

How to Fix BREADCRUMBS in Blogger

Step 4

Now copy the following code and paste on the block where you press enter.

Breadcrumbs Code 1

.breadcrumbs svg{
width:16px;
height:16px;
vertical-align:-4px;
}
.breadcrumbs svg path{
fill:#666
}

How to solve BREADCRUMBS in Blogger

Step 5

Now again press the Ctrl+F And find the "data-vocabulary.org" and press the enter

You will see code as picture:

How to Fix breadcrumbs warning in Blogger

Step 6

select which line where is data-vocabulary.org . line may be

<div class=’breadcrumbs’ xmlns:v=’http://rdf.data-vocabulary.org/#'>

and Replace from Following Code

Breadcrumbs Code 2

step 7

press ctrl + F and search following line :

<b:includable id='backlinks' var='post'

select the code From <b:includable id='backlinks' to </b:includable> and Remove this.

Step 8

Copy the following code from Box and paste to removal code place.

Breadcrumbs Code 3

<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>

So Now your Blogger Breadcrumbs error is Solved.

❮❮ Previous Next ❯❯

RahasyaCommunity.