Mod APK Fully Unlocked all Pro

he warning notification on this Breadcrumbs appears with the message " Search Console has identified that your site is affected by 1 Breadcrumbs issues " in Google Search Console, and " data-vocabulary.org schema is deprecated and not supported by Google anymore. Please migrate to using schema.org types. "or" The data-vocabulary.org scheme is no longer used and is no longer supported by Google. Please migrate using schema.org types. "in Structured Data Testing Tools. In this case, it seems that the HTML structure of Blogger no longer wants to use the data-vocabulary.org scheme. That is, the direction of the solution becomes known. We have to replace the Blogger HTML layout for Breadcrumb, with the recommended Blogger.



What is that? See next.

Overcoming Breadcrumbs Warning Notifications on Search Console and Structured Data Testing Tools

Also Read:

• This Consequently If You Use AMP Templates on Blogger
• The Right Time To Switch To Using AMP Templates on Blogger
• Install SEO Friendly Meta Tags 2019 For New Blogspot

As for replacing the HTML code Breadcrumbs, this will also answer the warning problem on both sides of the Google tools.

The trick is as follows:

Step 1: Look for the Old Breadcrumbs Code

Please enter the Blogger dashboard> Theme > Edit HTML .

Look for the code as shown below:

Or, use the code search by pressing Ctrl + F on the Edit HTML Blogger, then find code like this:

<b:includable id='breadcrumb' var='posts'>… </b:includable>

Step 2: Replace the Old Breadcrumbs Code with the New Microdata Breadcrumbs

Delete the code, then replace the new Breadcrumbs code like this:

    <b:includable id='breadcrumb' var='posts'>
<b:if cond='data:view.isSingleItem'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' itemscope='itemscope' itemtype='https://schema.org/BreadcrumbList'>
<svg class='homesvg' viewBox='0 0 24 24'><path d='M12,3L20,9V21H15V14H9V21H4V9L12,3Z'/></svg>
<span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'>
<a class='breadhome' expr:href='data:blog.homepageUrl' itemprop='item' title='Home'>
<span itemprop='name'>Home</span></a>
<meta content='1' itemprop='position'/>
</span>
<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 + &quot;?&amp;max-results=10&quot;' expr:title='data:label.name' itemprop='item'>
<span itemprop='name'><data:label.name/></span>
</a>
<meta expr:content='data:num+2' itemprop='position'/>
</span>
<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>
<span><data:post.title/></span>
</div>
</b:if>
</b:loop>
</b:if>
</b:includable>

Or if you only want to display one label on breadcrumbs (post pages and search engines), please follow the tutorial on How to Install Breadcrumbs Showing Only One Label .

Step 3: Fix the Display of Breadcrumbs with CSS

Next, please search for the code </style>or ]]></b:skin>then place the following CSS code on top of it to spruce up the appearance of the breadcrumbs:

/* CSS Breadcrumbs */
.breadcrumbs{line-height:1.2em;width:auto;overflow:hidden;padding:0;margin:0 auto 20px;font-size:90%;color:#888;font-weight:400;text-overflow:ellipsis;-webkit-text-overflow:ellipsis;white-space:nowrap}
.breadcrumbs a{display:inline-block;text-decoration:none;transition:all .3s ease-in-out;color:#777;font-weight:400}
.breadcrumbs a:hover{color:blue}
.breadcrumbs svg{width:20px;height:20px;vertical-align:-5px;margin:0 -3px}
.breadcrumbs svg.homesvg{width:22px;height:22px;margin-right:0}
.breadcrumbs svg path{fill:#c8c8c8}
.breadcrumbs svg.homesvg path{fill:#999}

Step 4: Save the Theme

Save changes to your template by clicking on the Save theme icon or button .

Additional information

The breadcrumbs code that causes warnings in the