Tuesday, July 3, 2012

Troubleshooting Rich Snippet Error

When I tried to test my blog has been running well or not. I tried to test my blog in Google webmaster tools rich snippets, but the result was very disappointing. A message appears : missing required field "updated" and missing required hCard "author". This error is found mostly in case of blogspot /blogger blogs. If you are trying to include rich snippet in your blog/website hosted in blogger/blogspot for claiming authorship. Please correct this error by following this tutorial, maybe in another template code placement  is different from mine.

First step:
Log into your blogger dashboard, design >> edit HTML >> tick the 'Expand Widget Templates', for safety I recommend you to "Download Full Template" first and save your template to your hard disk. Copy this code  :
<div class='vcard' id='hcard- your name'><span class='fn n'><span class='given-name'>Posted by: your name</span></span></div><a class='updated' href=' http://your blog URL/ ' rel='bookmark'>your blog name </a> Updated at: <abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr>
Paste that code like the example below :
<div style='clear: both;'/> <!-- clear for photos floats -->
 </div>
<div class='vcard' id='hcard- your name'>
<span class='fn n'>
<span class='given-name'>Posted by: your name</span>
</span>
</div>
<a class='updated' href=' http://your blog URL/ ' rel='bookmark'>your blog name </a> Updated at: <abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr>
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + &quot;#more&quot;'><data:post.jumpText/></a>
</div>
</b:if>
<div class='post-footer'>
Second step :
Adjust some code :
  • <div class='vcard' id='hcard- your name'> : replace with your name;
  • <span class='given-name'>Posted by: your name</span> : replace with your name;
  • <a class='updated' href=' http://your blog URL/ ' rel='bookmark'>your blog name </a> : replace with your blog url and blogname.
Third step :
Save your template, test again your blog in Google webmaster tools rich snippets, first enter your blog url then click preview see what the result. Does the error still appear ?

Posted by: Denmas Tugino
Godheg Updated at: Tuesday, July 03, 2012

2 komentar:

  1. I've been looking everywhere for this.. I have added 'update' to my <a tag in post timestamp. i'm still getting errors in google richsnippet tool
    Any help?

    ReplyDelete
    Replies
    1. Perhaps the lack of proper placement, please put the code below: "div style='clear: both;'/> <- clear for photos floats ->
      "the code"

      Delete