as you can see this image is rectangular and it can not be automatically turned into a square thumbnail with equal height and width dimensions by Google robots because doing this will badly destroy the image quality. To solve this problem I resized my image by giving it 128px by 128px in size and using JPEG format. Only this slight change made it easy for robots to detect a good match of author thumbnail and display a square thumbnail of my profile pic in search results.
Google now automatically creates the following quality thumbnail profile pic on all my published articles by resizing my original pic to 44px by 44px in size.
How To Show Author Profile Picture Correctly?
The steps mentioned here are mostly similar to my [a href="http://www.mybloggertricks.com/2011/08/show-author-profile-picture-next-to.html" target="_blank"]first published tutorial[/a] but here we will share a more correct approach. This is what you need to do:
- First add your Google Plus Profile link anywhere on your blog sidebar using the following code:
<a href="Google Plus profile Link"
rel="author" target="_blank"> Join me on Google+</a>
rel="author" will tell robots that you are the actual author of the blog. Make these changes:
- Replace Google Plus profile Link with your profile link. Example my link looks like: http://plus.google.com/107381172453188253394
- You can replace Join me on Google+ with any text you like. (Optional)
This is how the link looks on my sidebar:
2. Next add a Link to your About Us Page just below your blog footer or anywhere you like. I have added this link to my blog footer using the following code:
<a rel="author" href="http://www.mybloggertricks.com/2008/06/something-about-me.html">About</a>
This is how it looks on the blog:
You can give it any title you like but add it either to sidebar or footer.
3. Now the most important part. Inside your About Page add your profile pic with dimensions 128px by 128px in size and using JPEG format. Also start the first line of the paragraph with your Google plus profile link using the following code:
<a rel="me" href=https://plus.google.com/107381172453188253394 title="Mohammad Mustafa Ahmedzai">Mohammad</a>
Here rel="me" will again further authenticate you as the original owner of the blog. Remember to add your full name next to title and add your Google+ profile link instead of my profile link and your first name instead of Mohammad.
The result should look like this:
4. Now go to your G+ profile and click the “Edit Profile” button
[a href="http://lh4.ggpht.com/-56o66VuITOY/TkPLVMgg9EI/AAAAAAAAEiE/AQsNYL-GKco/s1600-h/image%25255B10%25255D.png"]
[/a]
5. Then click on the "LINKS" area as shown below,
[a href="http://lh3.ggpht.com/-CRR2EjOJSms/TkPLWhmdxzI/AAAAAAAAEiM/2NZK_U5RRX0/s1600-h/image%25255B15%25255D.png"]
[/a]
Add your Blog homepage URL and also the URL of your About Us page. You can also add your Facebook and twitter links if you wish. I have observed that now Google offers two link options. One is called Other Profiles and second is called Recommended links. Add your Homepage link, Facebook and twitter links to Other Profiles and About Us Page link to Recommended links.
Next you must do this:
- Go to [a href="http://profiles.google.com/me/plusones"]http://profiles.google.com/me/plusones[/a].
- Click Edit Profile.
- Check the Show this tab on my profile checkbox.
6. One Final step is to Upload a quality Profile Pic of yourself on Google Plus. Your image will look best if it is 150px by 150px in size or you can use the same 128px by 128px size profile pic that you added to your blog about page. To learn about [a href="http://www.mybloggertricks.com/2011/07/make-your-google-plus-profile-picture.html"]Google+ image Dimensions Click here[/a].
7. Finally Save your profile and you are all done!
Note: Now Go To Blogger and Set the same image as your Blogger Profile Picture.
Wait for at most two days and you will see your profile picture appearing just perfectly in Google search results, giving a professional and pro touch to your little blog. :)
Test How your profile photo will appear
In order to see how your image will appear. [a href="http://www.google.com/webmasters/tools/richsnippets" target="_blank"]Visit rich snippets tool[/a] and submit your homepage link in the search box and hit preview as shown below,
If you have followed the tutorial correctly then you will profile authorship will be verified. You will see a green verification message saying: "Verified: Authorship markup is verified for this page"
If you seem to be getting errors then revise the tutorial and retry and retest until you get no errors at all.
Need Help?
You are most welcomed to ask anything if not cleared. You are more then welcomed to post your queries. In order to ping Google robots that you have updated your About Us page, you can also submit your about us page at [a title="http://blogsearch.google.com/ping" href="http://blogsearch.google.com/ping"]http://blogsearch.google.com/ping[/a]. Though I did not ping it but if your PageRank is below 2.0 then its better to submit both your blog link and about us page link to Google for re-indexing.
I wish that the profile pictures show up as easily as it did for me without needing to wait any longer. Please share this post with all your loved ones to share the knowledge the way we did. This is the only favor we request in return. Peace and blessings pals! :)
Post a Comment