Last year we wrote a comprehensive post on understanding what Structured Data is and how it is used to better display your site on major ...
Last year we wrote a comprehensive post on understanding what Structured Data is and how it is used to better display your site on major search engine result pages. Today you will find the first tutorial of its kind for Blogger blogs where you will learn how to fix Structured Data errors in BlogSpot templates. In your webmaster tools' Search Appearance tab or while using Google rich snippets tool, you must have come across two or all of these famous microformat markup errors:
- Warning: Missing required field “entry-title”
- Warning: Missing required field “updated”
- Warning: Missing required hCard “author”
Both wordpress and Blogger users are facing this trouble. We will be covering blogger troubleshoot guide today and will cover wordpress Genesis platform as soon as possible.
UPDATE: This method fixed all errors on our network sites and those of our clients. Dropping errors by 100%. Check the prove here: Remove all Structured Data Errors!
What is Schema.org?
Schemas are simply html tags, that webmasters can use to markup their pages in ways recognized by Bing, Google, Yahoo! and Yandex. All these search engines rely on this markup to improve the display of search results, making it easier for people to find the right web pages.
In Blogger the errors of missing fields are a result of inaccurately placing the schema tags or absence of these tags causing two famous errors in hAtom which are a missing Author and Updated fields.
What are Rich Snippets?
In 2009, Google decided to reshape the way search results are displayed. This was a good step and search pages got a whole new look to help users find more information on a large variety of subjects including people(Authorship Markup), food recipes, events and Product reviews. See some examples below:
Rich Snippets for Author
Rich Snippets for Product Reviews
Rich Snippets for Video
In order to fix the missing entry-title, updated and author errors, we will introduce some schema tags inside your blogger template that will tell search engines how to pick the correct title, Author name and published date of the post.The hatom items with errors that you see in webmasters tool compose of author and updated fields which we will fix here.
Lets now add some well defined schema classes that will clean up all errors that you see in your webmaster Structured Data tab.
Fixing hCard error
- Go To Blogger > Template
- Backup your template
- Click "Edit HTML"
- 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 HTML DOM could look different in custom blogger templates. In that case only make sure to locate the yellow highlighted codes. You just need to find a similar code as shown above. It does not need to be exactly the same.
5. Replace the above chunk of similar code that you found with this one:
<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>
If you observe clearly, we simply introduced an itemtype, a class of author and a name. All these three important classes do the magic of fixing the missing hcard error!
6. Save your template
7. Visit the Rich Snippets testing tool, insert your URL and you will find that the hCard error is all gone!
The author field is blank because fn inside a Vcard stands for full name and provides much better information about the author. See an example below for our co-author, Qasim Zaib.
Isn't that cool?
Fixing updated error
Lets now fix the problem of Missing:updated error. Google must know about the publish date of your post. For that we will enclose the post timestamp inside a new class of updated. Follow this:
- Inside your template search for this code:
<data:post.timestamp/>
2. You will find the above code twice. Replace it twice for both occurrences with the code given below:
<span class='updated'><data:post.timestamp/></span>
3. Save your template and you are almost done!
Visit again the rich snippets tool and amazingly you will see that updated filed just works fine now:
Fixing entry-title error
PS: Ignore this step if you are not getting entry-title errors
This error only occurs with custom blogger templates which are designed carelessly and are not well optimized. If you are facing this problem, then here is the solution.
- Inside blogger search for this code:
<b:if cond='data:post.title'>
<h3 class='post-title'>
It could be h2 in your case.
2. Replace the above code with this one twice:
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
3. Save your template and you are all done!
Rich snippets tool will now surely show your entry title correctly:
Items with errors
Within next 24 hours, webmaster will update your Structured Data and will show zero for items with errors. The number of these items actually indicate your post count. This number would be as large as the total number of posts and pages on your blog. Since we have cleaned up the schema errors inside your template, therefore within next 24 hours or more Google will start showing a green signal for your structured data!
Need Help?
I am sure this tutorial would be helpful to all our readers and potentially productive in helping Google better index and crawl your sites. Please feel comfortable to ask us anything where you may need help. Peace and blessings buddies :)
These errors will surely not fix if you are doing one of the followings:
- Not displaying author info in Post section causes Missing:author error. i.e. "Not mentioning the author name with class Fn"
- Not displaying date or time in Post section causes Missing:Updated error. i.e. "Not mentioning the published time of the post"
- You are displaying author info and published time on Homepage but not on subpages
- Not adding the class Updated to timestamp.
Disclaimer:
This solution is first time introduced by MBT blog. Replication of this tutorial in any way without attribution would be a serious Copyright infringement.
COMMENTS