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 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 »
Hello Mohammad,
ReplyDeleteAwesome 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.
ReplyDeleteAssalam Waalekum Bhaijan...
ReplyDeleteKaaise 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
ReplyDeletehttp://way2bloggers.blogspot.com/
Nice post! Thanks for your share.
ReplyDeleteThanks for this great trick..worked on my blog..
ReplyDeleteMohammad could you re-send a invite for Google+ to me? My other email - ruanmedx@gmail.com
ReplyDeleteGreat very especial this Blog from Brasil ..CONGRATULATIONS..
ReplyDeleteWWW.ATUALIZASAT.COM
@Jeet
ReplyDeleteThanks 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. :)
thanks man
ReplyDeletehttp://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
ReplyDeletePlase help me
ReplyDeletewhen 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.
ReplyDeleteIs there a time gap?
Hi Bro
ReplyDeleteI 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?
ReplyDeletewww.techsaucer.com
Hi Mohammad!
ReplyDeleteI'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,
ReplyDeleteI 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?
ReplyDeleteThanks
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!
ReplyDeleteThank 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.
ReplyDeleteNice trick Boss....t applied.Looks great
ReplyDeleteBut I can't see your profile pic and link on google while I searched for 'showing post author in google search'
ReplyDeleteworked perfectly for me!! thank you so much for this fantastic tutorial!!!!
ReplyDeleteWhat 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
ReplyDeletewhat in the case of multi author blogs
ReplyDeleteI 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??
ReplyDeleteHere 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.
hI! Its been 5 days I've done this but Google still not showing pic. How much time it'll take?
ReplyDeletecan't Thank You engough Dude!!
ReplyDeleteone 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
ReplyDeletesuperrrrrrrrrrrr..... you are brilliant...!!!
ReplyDeletei did these steps.......
ReplyDeletei 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,
ReplyDeletethanks 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
ReplyDeleteP.S. Picture was showing up fine in the test.
ReplyDeleteI 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.
ReplyDeleteGreat post thanks
ReplyDeleteThanks very much. I done this. Please see http://lktech.vn/thiet-ke-website-gia-re.html
ReplyDeleteWhat if the blog has more than one author. how can i show pictures of each author?
ReplyDeletegreat post. I will try it.thanks
ReplyDeleteThanks Man! Youre the best!
ReplyDeleteHi Mohammad,
ReplyDeletethank 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.
it worked for me. Thanks for sharing information. I couldn't stop saying thanks but really worked for me. http://www.murraliitechnos.in
ReplyDeleteHi 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 ?!!!
ReplyDeleteNice 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.
ReplyDeleteThanks :)
ReplyDeletein my personal blog , its can't be work :/
ReplyDeleteHi Mohammad nice share..
ReplyDeletebut 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..
Thanks Muhammad bro, this tip is now working for me.
ReplyDeleteadmin how can i create a slider banner for links like your site
ReplyDeleteplease tell me
I love your tutorial my bro, :)
ReplyDeletenow, i have it !
muhammadrafik.my
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
ReplyDeleteHow can i implement google authorship for multiple authors ?? please help me.
ReplyDeletePlease, 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
ReplyDeleteDear Sir,
ReplyDeleteFirstly 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.