Authorship Rich Snippet Microdata

You may have seen authors picture next to their website URL and description in the Google search results. It appears that Google is pushing more traffic to its social networking portal “Google Plus” and now letting bloggers and authors to link their posts to their Google Plus account.¬†This tutorial provides you with explanation on how to add your profile picture in there by linking on your website to your Google Plus account.

Microdata

To do so, we need to use microdata formats in our website. In the first step, a profile page must be created in your own website, lets say below URL is your profile URL in your website:

http://www.yoursite.com/profile/username

In this page, other than information about yourself, you need to add a link to your Google Plus profile and include rel=”me” attribute in the link tag, for example:

<a href="http://plus.google.com/PROFILE_ID" rel="me">My Profile</a>

In the next step, you need to login in your Google Plus account, click on the Profile link and then click on the Edit Profile button.¬†Under the links section, add a new link to your website’s profile page, so in this example add a link to:

http://www.yoursite.com/profile/username

In the last step, you need to add a link to your website’s profile page from your posts using the rel=”author” attribute, so you may need to add the following code in all of your posts:

Edited by <a href="http://www.yoursite.com/profile/username" rel="author">My Name</a>

Once its done, you can verify it using the Google rich snippets testing tools at:

http://www.google.com/webmasters/tools/richsnippets

If everything is fine, you should see a preview of your website, otherwise you may get the following error message if you have any issues with one of the above steps:

This page does not contain authorship or rich snippet markup.

 

About majid

Software engineer, Web developer and IT graduate. Profile: View My Profile
This entry was posted in Tutorials. Bookmark the permalink.