I’ve decided to split my post about Google Authorship into two separate posts – one for WordPress users and one for Blogger users. To be honest, I don’t know why I didn’t do this in the first place so apologies for any confusion. Google Authorship is important because basically, it tells the “internet” that you have written that piece of content. There are hundreds of ways to do this and it can be very confusing so I’m going to try give you as much information as possible and explain it as easily as I can.
Steps to setting up Google Authorship on Blogger
- Firstly, you need a Google+ account. Set this up and fill in some of your details. Use the same name as you use for the Author name of your blog. You don’t need to be active on Google+ for Authorship, you just need a personal profile.
- While on Google+, go to links and add your blog url to the “contributor to” section.
- On your Blogger Dashboard, go to Google+ section which is found under Comments and connect your blog with Google+.
- Add the Author data to your footer. To do this go to Layout > Edit Blog Posts. Under Post Page Options you’ll see “Posted By: Name”, tick the button beside this. Then go to Template > Edit HTML and find
Underneath it you will see
<div class='post-footer-line post-footer-line-1'>
<div class='post-footer-line post-footer-line-2'>
<div class='post-footer-line post-footer-line-3'>
Paste the following code after one of these, depending on where you want it. If there’s two
<div class='post-footer-line post-footer-line-1'>, then add it to the second, further down in your HTML.
<span class='post-author vcard'> <b:if cond='data:top.showAuthor'> <data:top.authorLabel/> <b:if cond='data:post.authorProfileUrl'> <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <meta expr:content='data:post.authorProfileUrl' itemprop='url'/> <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' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <span itemprop='name'> <data:post.author/> </span> </span> </b:if> </b:if> </span>
- Head over to the testing tool, enter your URL and click preview. It may take a couple of days before you’re image appears in the search results and may show in different ways.