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!
Show Author Photo in Google Search Results Page
You need three things,
- A website or blog that you own
- A Google Plus Account
- 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:
- 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,
You can edit the text Join me on Google+ if you wish.
Example of author link on my blog:
- 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:
- Now go to your G+ profile and click the “Edit Profile” button
Then click on the "LINKS" area as shown below,
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.
-
- Go to http://profiles.google.com/me/plusones.
- Click Edit Profile.
- Check the Show this tab on my profile checkbox.
- 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
- 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,
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:
- 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.
- Add your site homepage link and about link on Google+
- Add a clean profile photo of at least 150px by 150px in size.
- Check the Show this tab on my profile box
- Finally Save your profile
- Test your homepage link and see if your author information appears next to your site url.
- 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 enjoyed this post and wish to be informed whenever a new post is published, then make sure you
Subscribe to our regular Email Updates!
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 »
46 comments:
Hello Mohammad,
Awesome tutorial i searched many on net but no one can match you up brother.
Thanks a lot.
Very informative. I will definitely try this. Thanks.
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......
nice post
http://way2bloggers.blogspot.com/
Nice post! Thanks for your share.
Thanks for this great trick..worked on my blog..
Mohammad could you re-send a invite for Google+ to me? My other email - ruanmedx@gmail.com
Great very especial this Blog from Brasil ..CONGRATULATIONS..
WWW.ATUALIZASAT.COM
@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. :)
This is the best tutorial I've seen on this topic. Thanks for educating all fellow bloggers.
http://techsaucer.blogspot.com
@Mohammad Mustafa Ahmedzai Doesn't Work bro, Thanks for helping........
thanks man
http://smahkin.blogspot.com/
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
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?
:(
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?
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 ;)
I have been trying to make this work. Has anyone been able to do this?
www.techsaucer.com
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.
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 !
Been trying different way to do this but unfortunately, my image still doesn't appear. Any suggestion?
Thanks
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/
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!
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.
Nice trick Boss....t applied.Looks great
But I can't see your profile pic and link on google while I searched for 'showing post author in google search'
Nice tips
worked perfectly for me!! thank you so much for this fantastic tutorial!!!!
http://www.sarkari-career.com/
@vk3http://www.sarkari-career.com/
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
what in the case of multi author blogs
nice post
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.
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
hI! Its been 5 days I've done this but Google still not showing pic. How much time it'll take?
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
its works,i love this site
superrrrrrrrrrrr..... you are brilliant...!!!
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
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
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
P.S. Picture was showing up fine in the test.
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.
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?
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
Great post thanks
Your feedback is always appreciated. We will try to reply to your queries as soon as time allows.
Note:
1. To add HTML CODE in comments then please use our HTML Encoder
2. You can always Test the tutorial on our HTML Editor
3. Please do not spam Spam comments will be deleted immediately upon our review.
Regards,
Mohammad