Post-Thumbnail
0
Fix Structured Data Errors

Another week another post. I promised to post regularly, and this week I am writing another post. But I think it is still less as I should be posting at least two posts per week.

Therefore I apologize for my laziness, and I assure you guys that you will be getting at least one more post this week. And from this week I mean seven days and not Sunday. So I hope you guys are not angry at me and are impatient for the next post. Till then let's start this one.

So Guys today I am going to talk about Structured Data Errors. What are these errors and how can you find and fix them. So keeping that in mind let's get started.

Also Read: 15 Effective Ways To Speed Up Your Blogger Blog In 2019                 

What Are Structured Data Errors?

If you are not new to Google Search Console and have used it before, then it's possible that you might have heard about them. But for those of my readers who are not familiar with the Google Search Console and have never heard about it. Let me explain it to you.

Google Search Console is previously known as Google Webmaster Tools. And are a bunch of useful tools used by the webmasters for SEO. And for those of you guys who do not know about Google Webmaster Tools will be replaced by Google Search Console tomorrow (Expected Date). So we will be talking about the new Google Search Console and not the old one.

Structured Data helps Google crawl the website better, and it also helps search engines bots to understand your webpage better. So if you have organized your webpage content, then the bots will know which thing is the sidebar, which is the footer or header and which is the main article.

However, If the data in your blog is not structured correctly or is not even structured at all, then it is possible that the bot might not recognize the webpage properly and may lead to a fall in your search rankings. These are the Structured Data Errors.

How Google Recognizes Structured Data?

Google recognizes structured data using Schema Tags provided by Schema.Org. Schema are simply HTML tags that are used by webmasters so that their web pages are identified by search engines like Google and Bing.

These search engines depend on Schema Tags to improve the display of search results which makes it easier for you to drive more relevant users to your site.

What Are The Advantages Of Fixing Structured Data Errors?

Fixing structured data errors enables one to promote his content on the web better. If you have a blog that contains many posts or much content then by correcting these structured data errors you can allow search engines to present your blog in a better way to the readers.

The following are some of the other benefits of fixing the structured data errors:
  • Make use of different Google Features in Search Results (Breadcrumbs, Rich Snippets, etc.)
  • Drive More Relevant Users
  • Increase Click Through Rates
Download Jabeen Theme. Jabeen already has the Schema Tags, and there are no structured data errors in it.

How To Find Structured Data Errors In Your Blog?

Before fixing the error, you need to find it first. Therefore, we take a look at the ways to find structured data errors. There are many tools to find structured data errors. Some of them are:
The first two tools are enough to find all the structured data errors, but if you want to go into more detail, then you can also use the other two testing tools.

Using The Google Structured Data Testing Tool

I am going to use the Google Structured Data Testing Tool. So it would be better to use the same and follow the following steps:

Step #1: Go to the above link and enter your website address in the given address.

Structured Data Testing Tool

Step #2: Check for the possible errors.

Step #3: Prioritize these errors and make a list.

How To Fix The Structured Data Errors?

After finding the errors, it's time to fix them. Now I am going to show you how to fix these errors one by one.

Fix Website Errors

First, you need to provide your website's info to the Search Engine Bot. For this follow the following steps:

Step #1: Go to your Blogger Dashboard and select the blog you want to configure.

Step #2: Go to Theme > Edit HTML

Step #3: Search for </body> tag (Use CTRL+F for search)

Step #4: Place the following code above it
<script type='application/ld+json'>
// <![CDATA[
{
  "@context" : "http://schema.org",
  "@type" : "WebSite",
  "name" : "All Blogger Things",
  "alternateName" : "ABT",
  "url" : "https://www.allbloggerthings.com"
}
{
  "@context": "http://schema.org",
  "@type": "WebSite",
  "url": "https://www.allbloggerthings.com",
  "potentialAction": {
    "@type": "SearchAction",
    "target": "https://www.allbloggerthings.com/search?q={search_term_string}",
    "query-input": "required name=search_term_string"
  }
}
// ]]>
      </script>
Step #5: Replace All Blogger Things with your site's name and ABT with the alternate or short name of your site. Replace https://www.allbloggerthings.com with your site's Homepage URL.

Step #6: Done!

Fix Web Page Error

Step #1: Go to Blogger > Theme > Edit HTML

Step #2: Search for <body> tag (Use CTRL+F)

Step #3: Replace it with the following code
<body class='index' itemscope='' itemtype='http://schema.org/WebPage'>
 Step #4: Done!

Fix Header Error

Step #1: Go to Blogger > Theme > Edit HTML

Step #2: Search for <header> tag (Use CTRL+F). If you are not able to find it search for <div id='header-container'>. The header div id may vary in your blog.

Step #3: Replace it with
<header itemscope='itemscope' itemtype='http://schema.org/WPHeader'>
Or
<div id='header-container' itemscope='itemscope' itemtype='http://schema.org/WPHeader'>
If your header id varies, replace header-container with your header id.

Step #4: Done!

Fix Menu Error

Step #1: Go to Blogger > Theme > Edit HTML

Step #2: Search for <nav> tag (Use CTRL+F). If you are not able to find it search for <div id='menu'>. The menu div id may vary in your blog.

Step #3: Replace it with the following code
<nav itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement' role='navigation'>
Or
<div id='menu' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement' role='navigation'> 

Fix Sidebar Error

Step #1: Go to Blogger > Theme > Edit HTML

Step #2: Search for <div id='sidebar-wrapper'> tag (Use CTRL+F). The sidebar id may varies.

Step #3: Replace it with the following code
<div id='sidebar-wrapper' itemscope='itemscope' itemtype='http://schema.org/WPSideBar'>
Step #4: Replace sidebar-wrapper with your sidebar id.

Fix Footer Error

Step #1: Go to Blogger > Theme > Edit HTML

Step #2: Search for <div id='footer-wrapper'> tag or <footer> (Use CTRL+F). The footer id may varies.

Step #2: Replace it with the following code
<div id='footer-wrapper' itemscope='itemscope' itemtype='http://schema.org/WPFooter'>
                                                               Or
<footer itemscope='itemscope' itemtype='http://schema.org/WPFooter'>
Step #3: Change footer-wrapper with your footer id.

Fix Blog Error

Step #1: Go to Blogger > Theme > Edit HTML

Step #2: Search for <div id='main-wrapper'> tag (Use CTRL+F). The div id may varies.

Step #2: Replace it with the following code
 <div id='main-wrapper' itemscope='itemscope' itemtype='http://schema.org/Blog' role='main'>

Fix Blog Posting Error

Step #1: Go to Blogger > Theme > Edit HTML

Step #2: Search for <div class='post hentry uncustomized-post-template'> (Use CTRL+F).

Step #3: Replace it with the following code
 <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
Step #4: Search for <div class='post hentry'> or <article class='post hentry'>

Step #5: Replace it with the following code
<div class='post hentry' expr:id='data:post.id' itemscope='' itemtype='http://schema.org/BlogPosting'>
Or
<article class='post hentry' expr:id='data:post.id' itemscope='' itemtype='http://schema.org/BlogPosting'>

Fix hCard Errors

Step #1: Go to Blogger > Theme > Edit HTML

Step #2: Search for this code
<span class='post-author vcard' >
                <b:if cond='data:top.showAuthor'>
                  <b:if cond='data:post.authorProfileUrl'>
                    <span class='fn'>
                      <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
                        <data:post.author/>
                      </a>
                    </span>
                  <b:else/>
                    <span class='fn'><data:post.author/></span>
                  </b:if>
                </b:if>
              </span>
The above code may look different in different templates. In that case, replace post-author-card with your hcard div class.

Step #3: Replace it with the following code
<span class='post-author vcard' itemscope='itemscope'  itemtype='http://schema.org/Person'>
                <b:if cond='data:top.showAuthor'>
                  <b:if cond='data:post.authorProfileUrl'>
                    <span class='fn author'>
                      <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
                        <span itemprop='name'><data:post.author/></span>
                      </a>
                    </span>
                  <b:else/>
                    <span class='fn author'><span itemprop='name'><data:post.author/></span></span>
                  </b:if>
                </b:if>
              </span>
Replace post-author-card with your hcard div class.

Fix Article Errors

These are the bunch of errors including Main Entity Of Page, Publisher, Article Name, Image, URL, Updated Date, and Published Date Errors. To fix them follow the following steps:
Step #1: Go to Blogger > Theme > Edit HTML

Step #2: Search for <div class='post hentry'> or <article class='post hentry'>

Step #3: Place the following code below
   <meta content='data:post.link : data:post.url' expr:itemid='data:post.link' itemType='https://schema.org/WebPage' itemprop='mainEntityOfPage' itemscope='itemscope'/>
    <div itemprop='publisher' itemscope='itemscope' itemtype='https://schema.org/Organization'>
      <div itemprop='logo' itemscope='itemscope' itemtype='https://schema.org/ImageObject'>
        <meta content='https://3.bp.blogspot.com/-FzTCIW1X7yU/W_2balMxkDI/AAAAAAAACy8/G72KQHFLrI8v-DjoKo2y--X04YEAbS4PwCK4BGAYYCw/s1600/logo.png' itemprop='url'/>
        <meta content='320' itemprop='width'/>
        <meta content='60' itemprop='height'/>
      </div>
<meta expr:content='data:post.lastUpdatedISO8601' itemprop='dateModified'/>
      <meta expr:content='data:blog.title' itemprop='name'/>
    </div>
    <a expr:name='data:post.id'/>
  <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <b:if cond='data:post.firstImageUrl'>
    <a expr:href='data:post.url'><img itemprop='image' itemscope='itemscope' itemtype='https://schema.org/ImageObject' expr:src='data:post.firstImageUrl' expr:title='data:post.title'/></a>
    <b:else/>
    <a expr:href='data:post.url'/>
    </b:if>
      </b:if>
Step #4: Replace https://3.bp.blogspot.com/-FzTCIW1X7yU/W_2balMxkDI/AAAAAAAACy8/G72KQHFLrI8v-DjoKo2y--X04YEAbS4PwCK4BGAYYCw/s1600/logo.png with your logo URL and 320 and 60 with your logo's height and width. The maximum width of the logo must be 60px. Image wider than 60px is not acceptable.

Step #5: To fix the date published error search for <data:post.timestamp/>

Step #6: Replace it with the following code
<span class='updated' itemprop='datePublished'><data:post.timestamp/></span>
 Step #7: All Done!

Conclusion

Do not forget to recheck your website using the Google Structured Data Testing Tool. I hope it fixes all your structured data errors. If it still showed some error then please explain your error in the comment box below. I will try my best to solve your problem. 

That's All from me. If you liked the post, then feel free to share it with your friends and do not forget to subscribe to our newsletter to get posts like this delivered directly in your inbox. Thanks!

You May Also Like

0 comments:

Post a Comment