August 11, 2011

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 »

74 comments : Post Yours! Read Comment Policy ▼
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. This is the best tutorial I've seen on this topic. Thanks for educating all fellow bloggers.

    http://techsaucer.blogspot.com

    ReplyDelete
  11. @Mohammad Mustafa Ahmedzai Doesn't Work bro, Thanks for helping........

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

    ReplyDelete
  13. 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
  14. 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
  15. 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
  16. 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
  17. I have been trying to make this work. Has anyone been able to do this?
    www.techsaucer.com

    ReplyDelete
  18. 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
  19. 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
  20. Been trying different way to do this but unfortunately, my image still doesn't appear. Any suggestion?

    Thanks

    ReplyDelete
  21. hello dear brother i hope u doing well ...
    i follow all these step and get this msg (Verified: Authorship markup is correct for this page) ok and plus i get 3 error msg

    author
    linked author profile = http://www.blogger.com/profile/08555358230119641748
    Error: Author profile page does not have a rel=me link to a Google Profile (learn more)
    author
    linked author profile = http://www.blogger.com/profile/08555358230119641748
    Error: Author profile page does not have a rel=me link to a Google Profile (learn more)
    author
    linked author profile = https://profiles.google.com/
    Error: Author profile page does not have a rel=me link to a Google Profile (learn more)


    also get 2 more error here is in
    Extracted rich snippet data from the page

    url = http://jaycutlerbest.blogspot.com/2011/07/jay-cutler-biography.html
    Warning: Missing required field "updated"
    nickname = Vishu
    Rel
    name = permanent link
    rel = bookmark
    url = http://jaycutlerbest.blogspot.com/2011/07/weight-loss.html
    Warning: Missing required field "updated".

    plz help me out hat can i do now

    here is my blog page url
    http://jaycutlerbest.blogspot.com/

    ReplyDelete
  22. 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
  23. 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
  24. But I can't see your profile pic and link on google while I searched for 'showing post author in google search'

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

    ReplyDelete
  26. http://www.sarkari-career.com/

    ReplyDelete
  27. @vk3http://www.sarkari-career.com/

    ReplyDelete
  28. 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
  29. what in the case of multi author blogs

    ReplyDelete
  30. 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
  31. Man you are awesome. Just wanted to ask why is it necessary to make about me page? Why not any other page with photo can't work? Also can we apply same trick to wordpress blog? Here is my blog which i've applied your trick Provident Fund Status

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

    ReplyDelete
  33. 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
  34. superrrrrrrrrrrr..... you are brilliant...!!!

    ReplyDelete
  35. 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
  36. 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
  37. 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
  38. P.S. Picture was showing up fine in the test.

    ReplyDelete
  39. 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
  40. Thanks for the post - i got my image to show - but my image still does not show in the serps after 3 weeks of showing here http://www.google.com/webmasters/tools/richsnippets?view=&url=http%3A%2F%2Fwww.noobtraveler.com

    Can you help me? Is it because I have a different author on the blog posts?

    ReplyDelete
  41. I followed this write up, as well as your other one. They are both clearly written but it's still not working. I followed all your steps but still can't get my profile picture to show up. I've been able to get other rich snippets to work, just not the picture. I think it might have something to do with the fact that i use Blogger and cannot add the rel=me to my profile page??? Here's what i've done so far, any suggestions: How to Make Your Profile Picture Appear on Google Search

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

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

    ReplyDelete
  44. 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
  45. it worked for me. Thanks for sharing information. I couldn't stop saying thanks but really worked for me. http://www.murraliitechnos.in

    ReplyDelete
  46. 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
  47. Gr8 article. Worked like a charm.
    www.etechdiary.com

    ReplyDelete
  48. A very informative tutorial..Thanks for sharing..
    http://www.livewirez.blogspot.com

    ReplyDelete
  49. 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
  50. in my personal blog , its can't be work :/

    ReplyDelete
  51. 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
  52. Hello Sir,
    Please see my blog: http://www.googlepass.blogspot.com/

    And suggest me, Can i apply for google adsense. or is there any mistake in my blog?

    Whatever i learn, this is just your gracious.

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

    ReplyDelete
  54. D
    Do
    Don
    Don,t
    Don,t m
    Don,t mi
    Don,t miss
    Don,t miss t
    Don,t miss th
    Don,t miss thi
    Don,t miss this
    Don,t miss this o
    Don,t miss this of
    Don,t miss this off
    Don,t miss this offe
    Don,t miss this offer
    Don,t miss this offer t
    Don,t miss this offer th
    Don,t miss this offer thi
    Don,t miss this offer this
    Don,t miss this offer this e
    Don,t miss this offer this ea
    Don,t miss this offer this ear
    Don,t miss this offer this earn
    Don,t miss this offer this earni
    Don,t miss this offer this earnin
    Don,t miss this offer this earning

    To see new and latest offers just visit http://www.crackstrick.blogspot.in/search/label/Online%20Jobs

    Those who wish to do online jobs with genuine payment with high earning about 1000,s of dollars just contact me
    Name: Arun Mohan
    Email: arunmohanparackal@gmail.com
    web: crackstrick.blogspot.com

    Features of our site
    *Blogger Tricks
    *Blogger earning Tricks
    *All cracked Softwares and antivirus
    *Online Jobs
    *PC Tricks
    *Moblie Tricks

    ReplyDelete
  55. great post
    really its work for me
    http://cyber-sol.blogspot.in/

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

    ReplyDelete
  57. This comment has been removed by the author.

    ReplyDelete
  58. I cant believe I got it to work, took over two months.

    Download Torrents Twice as fast

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

    muhammadrafik.my

    ReplyDelete
  60. 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
  61. How can i implement google authorship for multiple authors ?? please help me.

    ReplyDelete
  62. 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
  63. 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
  64. For latest tricks hacks Visit http://hackingtrendz.blogspot.com/

    ReplyDelete

 
  • MBT Icons and buttons

    Icons and Buttons

    Our resources have been successfully downloaded over 10K times and found almost every where. Get yours!

  • choosing webhost for a blog

    Why HostGator?

    Learn Why we chose HostGator as our Web Host and find discount coupons to kick start your blog today!

  • SEO Settings for blogger

    ALL IN ONE SEO PACK 2012

    Learn every single SEO tip that will boost your blog's ranking and organic traffic. We got them all!

  • Blogger widgets and plugins

    Visit MBT's Blogger LAB

    Why not take a tour of all great Blogger widgets published so far? You Name it we have it!

  • become a six figure blogger!

    Become a SIX FIGURE BLOGGER

    Learn what it takes to become a successful entrepreneur and build a living online!