Show Author Profile Picture Next To Google Search Results

photo thumbnail in search results

Google webmaster team has introduced an easy way of displaying your Google+ profile picture next to the links of your website or blog or any content that you generate. You might have seen profile pictures or image thumbnails of Google developers appearing on search results page. Previously only reserved users had this option but now thanks to the generosity of Google+ social network, even you can display your profile picture next to all your articles or webpages that you own. This will be a proof that you are the sole author and owner of that site or blog. The author information will be shared globally on Google results and your visitors can see your image and author information link next to your article. This is a great way to attract visitors and increase website traffic. Lets learn how to do it!

Update: A Complete and Working tutorial Has Been Published here »» CLICK HERE!

Show Author Photo in Google Search Results Page

You need three things,

  1. A website or blog that you own
  2. A Google Plus Account
  3. An About Me page on your blog. If you already have an about page where information about author is given then you need not worry. However if you don’t have an about page then you must create one now. 

If you have met the above three conditions then you may follow these steps:

  1. On your website sidebar or header or footer add this link,

    <a href="https://plus.google.com/GOOGLE+ ID"
      rel="author" target="_blank"> Join me on Google+</a>

    PS: Do not remove rel="author" else the trick wont work!

    Replace GOOGLE+ ID with your Google profile link id. You can get your Google Plus ID by going to your Google Plus profile page and then copy the digital code from your browser address bar as shown below,

    Google+ profile url

    Google plus ID

    You can edit the text Join me on Google+ if you wish.

    Example of author link on my blog:

    google-plus-author-link

  2. Next go to your About Me page and add this link anywhere you want,

    <a href="https://plus.google.com/GOOGLE+ ID"
      rel="me" target="_blank"> My Google Profile</a>

    Again replace the Google+ ID with your Profile ID. You can edit the text My Google Profile if you wish.

    Example of link on my blog:

    about-page

  3. Now go to your G+ profile and click the “Edit Profile” button

    image

    Then click on the "LINKS" area as shown below,

    google+ links settings

    Add your Blog/site homepage URL and also the URL of your About page. You can also add your Facebook and twitter links if you wish.

    1. Go to http://profiles.google.com/me/plusones.
    2. Click Edit Profile.
    3. Check the Show this tab on my profile checkbox.
  4. Next Upload a quality Profile Pic of your self . Your image will look best if it is 150px by 150px in size. To learn about Google+ image Dimensions Click here

    image

  5. Finally Save your profile and you are almost done.

Test How your profile photo will appear on SERPs

Now you need to see how your image will appear. Click here and submit your homepage link in the search box and hit preview as shown below,

google-profile-image

If you have followed all steps correctly then you will be able to clearly see your photo and name appearing next to your blog title and description. You will also see this green message: "Verified: Authorship markup is correct for this page"

Your authorship is verified only when you have fulfilled all requirements correctly. I will summarize todays tutorial once again so that you may know what to do:

SUMMARY:

  1. You need to add two links on your site. The first one is to be added on your sidebar, footer or header. The second one is to be added on your about page.
  2. Add your site homepage link and about link on Google+
  3. Add a clean profile photo of at least 150px by 150px in size.
  4. Check the Show this tab on my profile  box
  5. Finally Save your profile
  6. Test your homepage link and see if your author information appears next to your site url.
  7. If the photo did appear then say Bingo and you are all done! :)

If you needed any further help then feel free to let me know. Have fun. :>

Note: It will take about 48 hours for your photo to appear globally on Google results page. Even my photo thumbnail have not yet appeared on Google.com so it will take sometime till Google display it. Kindly be patient.

If you don't want to get yourself into Serious Technical Trouble while editing your Blog Template then just sit back and relax and let us do the Job for you at a fairly reasonable cost. Submit your order details by Clicking Here »

54 comments

PLEASE NOTE:
We have Zero Tolerance to Spam. Chessy Comments and Comments with 'Links' will be deleted immediately upon our review.
  1. Hello Mohammad,
    Awesome tutorial i searched many on net but no one can match you up brother.
    Thanks a lot.

    ReplyDelete
  2. Very informative. I will definitely try this. Thanks.

    ReplyDelete
  3. Assalam Waalekum Bhaijan...
    Kaaise h?
    Hope u r fine :-)

    I have another problem,
    from a long time I have seen in my blog that whenever any person comment his/her picture is not there,
    You can see by yourself from the below link

    http://dark-hackerz.blogspot.com/2011/08/restore-old-facebook-chat-bar.html?showComment=1313062524079#c8115651936276250972

    Please help me, I want their picture to be visile their.....

    Thanks Bro......

    ReplyDelete
  4. nice post
    http://way2bloggers.blogspot.com/

    ReplyDelete
  5. Nice post! Thanks for your share.

    ReplyDelete
  6. Thanks for this great trick..worked on my blog..

    ReplyDelete
  7. Mohammad could you re-send a invite for Google+ to me? My other email - ruanmedx@gmail.com

    ReplyDelete
  8. Great very especial this Blog from Brasil ..CONGRATULATIONS..
    WWW.ATUALIZASAT.COM

    ReplyDelete
  9. @Jeet
    Thanks Jeet :)

    @shadab
    Please add this code inside your CSS above

    .avatar-image-container {background:url(http://1.bp.blogspot.com/_7wsQzULWIwo/SxL-DRXzmWI/AAAAAAAACY0/d1g3ymxGLEQ/s400/avatar.gif); width:35px;height:35px; }
    .avatar-image-container img { border:none;}

    If it didn't worked then search for how to add comment avatar in blogger and you will find several tutorials. Hope this helps :>

    I am glad almost everyone liked it. Hope your photos get live soon. :)

    ReplyDelete
  10. thanks man
    http://smahkin.blogspot.com/

    ReplyDelete
  11. Mohammad Bro.....actually I'm having problom when i try to Edit my G+ Proile . When I click on EDIT PROFILE then a Small animated Pop-up bar comes With an option " DONE EDITING ". No other option or activity takes place after i click on Edit Profile ! So there's no other choice for me then to click on the DONE EDITING option ! Can u plz help me out of this

    ReplyDelete
  12. Plase help me
    when I test my page in Rich Snippets Testing Tool I have some problems:
    If URL starts with "http" it will verify and everything is ok in this testing page but when I test the page without http in the beginning it returns error.

    When I search my page in google, it returns my site link without http. so It doesn't show my profile in front of it.
    what is the reason?
    :(

    ReplyDelete
  13. OK. I did as you said & it even shows in the webmaster's page BUT not on the actual google page.

    Is there a time gap?

    ReplyDelete
  14. Hi Bro
    I want to ask that when i m using http:// with my url, than it is saying verified but when i m trying without http:// than not, is there any problem ?
    And after how many days it will start working on the Search Engine ?

    And one more thing bro, please respond..
    Facebook Developer page design has changed and now there is no tab for the comments. So how we can see the comments of our website ? Please take a look and i m sure u will find the solution ;)

    ReplyDelete
  15. I have been trying to make this work. Has anyone been able to do this?
    www.techsaucer.com

    ReplyDelete
  16. Hi Mohammad!
    I've been seeing this tutorial across various sites, but yours is the only post that actually made me want to try the steps. The others intimidated me :-). Well, I think I've followed everything properly and now am waiting to see the effect :-). The immediate testing did not work, of course.

    I've done this with all my three blogs since they are all connected to the G+ account. Thank you so much.

    You've got a great site here.

    ReplyDelete
  17. Hi Mohammad,

    I was thinking of giving this a try but ran a search for you first, to see if it was working, and I don't see your pic next to your search results.... are you sure this is working?

    Thank you very much for this site nonetheless, lots of other great tips here !

    ReplyDelete
  18. Been trying different way to do this but unfortunately, my image still doesn't appear. Any suggestion?

    Thanks

    ReplyDelete
  19. Great job on this tutorial! I was having trouble putting my photo up correctly - that rich snippet preview tool helped me fix what I was doing wrong though - thanks!

    ReplyDelete
  20. Thank You So much A great tutorial.This is very helpful for all blogger peoples.Thanks for sharing.Your site is Awesome,No words for this tutorial.So Simple.

    ReplyDelete
  21. Nice trick Boss....t applied.Looks great

    ReplyDelete
  22. But I can't see your profile pic and link on google while I searched for 'showing post author in google search'

    ReplyDelete
  23. worked perfectly for me!! thank you so much for this fantastic tutorial!!!!

    ReplyDelete
  24. What a wonderful tutorial - very easy to follow instructions (once I realised I had to got to "PHOTO" to edit/ select "Show this tab on my profile" (silly me!) and kind of you to take the time to carefully share it with us. Hope you have a Happy New Year xo

    ReplyDelete
  25. what in the case of multi author blogs

    ReplyDelete
  26. I got a very big Problem, I just want some solution for my blog. It is Too Heavy, and it is causing big problem for me. I want posts to appear in 2nd page, and i want first page to be without posts, i will add something else on first page, like a simple html welcome page or something like that. How to do that in blogger?? minimum post count is 1 per page, i simply want it to not appear in homepage, if i remove the post widget, it is deleted for all pages. what is the solution??

    Here is my blog http://www.mobilemoviesite.com, i want some good solution for it to be lighter like a simple html page. hope you understand.
    thanks for your expected help.

    ReplyDelete
  27. hI! Its been 5 days I've done this but Google still not showing pic. How much time it'll take?

    ReplyDelete
  28. can't Thank You engough Dude!!
    one love
    Take a Look Please
    http://www.google.com/webmasters/tools/richsnippets?url=http%3A%2F%2Fhackclarify.blogspot.com&view=

    -Samin Yasar
    http://hackclarify.blogspot.com

    ReplyDelete
  29. superrrrrrrrrrrr..... you are brilliant...!!!

    ReplyDelete
  30. i did these steps.......
    i got my picture in the rich snippet tool....
    but my pic is stil not cmng in the search results....
    could u plz help me ????
    my blog is www.techgokz.blogspot.com

    ReplyDelete
  31. Hi Mohammad,
    thanks for perfect guide how to get author profile photo appear next to blog, everything works but when I login to my google+ and hit edit profile cannon find "links" could you pls advise me on that. thank you very much.
    Martin

    ReplyDelete
  32. I followed your instructions about a week ago and my profile pic is still not showing in Google search. Any idea what is wrong? You can check out my website at http://accountantsalaryinfo.com

    ReplyDelete
  33. P.S. Picture was showing up fine in the test.

    ReplyDelete
  34. I have searched the net again and again to learn the exact tips and here you have provided that one. I followed every steps like you and the snippet showed my pictures in the right side. now waiting for next 48 hours. Thanx for thousand times.

    ReplyDelete
  35. Thanks very much. I done this. Please see http://lktech.vn/thiet-ke-website-gia-re.html

    ReplyDelete
  36. What if the blog has more than one author. how can i show pictures of each author?

    ReplyDelete
  37. Hi Mohammad,
    thank you for sharing this info with us. I have followed your guidance and now my picture started to appear on some of my posts when searched with Google. However there is one interesting thing. When the search result is with my picture in front, the link redirects to the blog main page and looks like this:
    http://postimage.org/image/p1myvmam9/

    Google still returns search results without my picture that look like this:
    http://postimage.org/image/qac1birdx/

    This one redirects to the respective article as it should be.

    I'm a bit confused here. Can you help?

    Regards, Venci.

    ReplyDelete
  38. it worked for me. Thanks for sharing information. I couldn't stop saying thanks but really worked for me. http://www.murraliitechnos.in

    ReplyDelete
  39. Hi Mohammad Bhai, In google + Profile pic when i'm trying to upload a 150*150 pixel image it says "The photo you uploaded is too small! It must be at least 250 pixels wide and 250 pixels tall." How to upload 150px*150px ?!!!

    ReplyDelete
  40. Nice article but...When I try to change image as 150px X 150px..then showing this messege..The photo that you uploaded is too small! It must be at least 250 pixels wide and 250 pixels tall.

    ReplyDelete
  41. in my personal blog , its can't be work :/

    ReplyDelete
  42. Hi Mohammad nice share..
    but how long my page with my profile page update by google?
    I am already do your step 2 weeks ago, but until now my picture doesn't appear..
    thank you..

    ReplyDelete
  43. Thanks Muhammad bro, this tip is now working for me.

    ReplyDelete
  44. admin how can i create a slider banner for links like your site
    please tell me

    ReplyDelete
  45. I love your tutorial my bro, :)
    now, i have it !

    muhammadrafik.my

    ReplyDelete
  46. Hi brother how are you if hope that you will be fine I just want to ask you that how to add link into my blogger footer I did not find it please help me where I has to paste it in css sheet or html sheet

    ReplyDelete
  47. How can i implement google authorship for multiple authors ?? please help me.

    ReplyDelete
  48. Please, my about page is not linking with my google + profile, and please how will i add the first link to my sidebar, footer or header? Thanks. please your immediate response will be appreciated. your can also get the solution to my mail: olubayodeandrew@gmail.com

    ReplyDelete
  49. Dear Sir,

    Firstly thanks for this awesome blog, It really helped me a lot while having the 'Blogger' experience. I did set up authorship an year ago, as you've suggested in the article. it worked well until a few days back when the profile pic automatically disappeared from search results. While in the structured data testing tool, it shows authorship verified as well as the photo.

    Any solution to the problem. Waiting for your reply.

    ReplyDelete