Tuesday, 23 July 2013

Tagged under: , ,

Facebook Showing Wrong Thumbnail Image when Share Blogger Post

Facebook Show Picture when sharing post link.
Being a Blogger user everyone wants to promote his/her posts and mostly shared it on Facebook. Ever if you have tried sometime you might have observed that the shared post link does not show up the right image or showing irrelevant picture taking anywhere from your blog. This is one of the most common issue from Facebook pending since from several years back and still it has not been resolved. However Facebook is not much clever to pickup the right image from your post. You have to make your post understandable and add some piece of chunk code in your blogger template to tell the Facebook robot which image has to show in the Round thumbnail at Facebook wall.

Read: Wordpress Posts Show wrong Image thumbnail in Facebook: In process
Read: Blogger Post show wrong meta description when share on facebook: In process


How to Avoid wrong thumbnail image picture in facebook.


The same issue has been also detected by ProBloggerTricks in the early days whenever we used to publish our post at facebook it would show up wrong picture or acting no thumbnail. So after reading and writing many articles about facebook algorithm meta data finally i come to know how to resolve facebook wrong picture thumbnail issue.

Since from the couple of day we have been receiving too much complaints about the facts that facebook is not showing the right picture when we share post there or even click on likes buttons.

So after receiving the same issue again and again my brain is pumped out and do prepare this tutorial, to show you how to show right post picture in facebook. So in this article we will guide you how to fix facebook thumbnail image not showing when shared a post link.
     

Why Blogger Post Show Wrong Image Thumbnail in Facebook

To know the fact let me tell you the truth. Besides some of the paid blogger templates These days blogger templates are mostly coded by unprofessional developers and webmasters, they do not performed well in XML or html only get ride to complete the template and sell it out on templates websites.

They do thousands of creepy errors and give messy style coding layout. Though the same templates download by newbies and do facing a lot of errors inside blogger edit html template editor. We could recommended to use professional templates before getting too much issue.


How to Fix Facebook Wrong Picture Thumbnail Issue in Blogger Template

Te set the right picture for post in facebook while displaying no thumbnail or showing wrong picture we have to add some chunk of code in our template. follow the below given simple steps to Avoid No Thumbnail Issue While Sharing Post on Facebook

Step1: 

  1. Go to blogger dashboard:
  2. Go to Template >> Edit >>Html:
  3. Find for <head> tag In template:
  4. Past the below given code just after the <head> tag:


Wrong Picutre Show thumnail issue when sharing post.


 <meta content='article' property='og:type'/>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta expr:content='data:blog.pageName' property='og:title'/>
<b:if cond='data:blog.metaDescription != &quot;&quot;'>
<meta expr:content='data:blog.metaDescription' name='description'/>
</b:if>
Now click on save button: You done Almost:



Remember: The following Things After Customization

Here is some important tips you should must know before switching this post.
  1. After customization all your new post will show correct picture thumbnail in facebook whenever you share the post
  2. Your Older Post will still not showing up Correct image.do,nt worry it will start showing up (wait for 3 days)
  3. You will must add the same code if ever you change blogger template

Bounas Tips to show Right post Image thumbnail in Facebook

These are some of the basic blogger tips and tricks which would help in how we should insert image in right manner inside the blogger post.
  1. First of all i would recommended to use the PNG format for main image.
  2. Use JPG image format for the rest of all ordinary image inside the post except the main picture.
  3.  Always try to add intro image inside the post.
  4.  Do not Resize Image automatically in Post by html if big one:
  5. Share your Post on facebook immediately after publishing.
  6. For more tips visit the below post.



"Need Help" Call ME

Guys this was something all about how to resolve wrong show pictures thumbnail in Facebook. We hope you would love and share this trick with your followers. If anyone facing problem in displaying wrong image thumbnail in Facebook then kindly let us know and post your query in the below comment section and explain your word. Do not forget to share this informative post. thank and happy blessing.

69 comments:

  1. Replies
    1. thanks buddy. to land on facebook thumbnail image issue.

      Delete
  2. This comment has been removed by the author.

    ReplyDelete
    Replies
    1. strange thing happened to me my logo was showing and no thumbnail..and when I changed the logo the problem was resolved don't know what happened!

      Delete
    2. If you are logo height is quite big then it will show the same logo whenever to publish your post in facebook. why it is happened.

      Facebook api is not completely work as google plus you have to tell which image should be display in facebook. and by telling you have to add the above mini code into your template.

      hope facebook developer will soon resolve this issue.

      Also use facebook debugger to check your post and blog logo how is it looking.

      Delete
  3. Very useful tip from Hafeez brother
    thank for that bro it will helpful for us we glad to apply this on our blog
    best of luck
    Regards
    R.S

    ReplyDelete
    Replies
    1. Yes Rizwan brother it is indeed a splendid tips for those having the issue. I would recommended to include the code into your template header section to display right image in facebook. thanks buddy.

      Delete
  4. Thank you very much Hafeez it is really good post. Increase my knowledge also visit my blog to optimize right now. I have updated to it much better. Comment me true what ever you would optimize dear.

    ReplyDelete
    Replies
    1. Hello solangi Bro first to tell you i have send what you want....Yes bro we could be in touch with your blog..

      Do hard work and never lose the hope..sometime we stress too much when there is traffics issue and many mores. These all things will held some time you will Up and may some time down. do,nt lose the courage just keep update your blog and focus on alexa...hope to follow my strategy.

      Delete
    2. Solangi Naeem

      Yes brother i agree with hafeez bro try to focus on your work and alexa rank also break every day your own records don't see others blogs that they are well compare to you you are good and do hard work In Shaa Allah you will get huge response from visitors one day..
      Best Of luck Brother
      Regards
      RiZwan

      Delete
  5. that was a big headache....hope this trick helps! thanks
    https://www.facebook.com/makeupreviewandbeautyblog

    ReplyDelete
  6. Nice tip buddy keep it up,but i have already done this on my temp!!!!

    Regard's
    http://www.skillblogger.com/

    ReplyDelete
    Replies
    1. Thanks, Your blog is awesome tooooo....

      Regard's
      http://www.skillblogger.com
      Happy Blogging

      Delete
  7. Thanks for give very deep information about Facebook. When i was share on post that time some image will come from other article or homepage but after reading your article i solve out this problem.

    ReplyDelete
  8. great tutorial Hafeez bhai. I agree with you, most of the time its template issue. One of my friend also facing this type of issue. when he post link to facebook, there is no thumbnail show with it. When we change the template, issue is resolved automatically :)

    Regards
    Haris
    Web Design SEO Tips

    ReplyDelete
    Replies
    1. Thanks Muhammad Haris for your Appreciation. Thanks for landing on facebook image thumbnail issue...hope it would help you alot..one more thing please buddy do not insert blog url in comment body.

      Delete
    2. I am so sorry for inserting link on comment body.Actually I see others links on your blog, that's why I also insert my link. But don't worry. Please remove it. I will care from next time.

      Delete
  9. this is simply awesome. And the fact what I know is about .jpg using .jpg images would make facebook to get into consideration. But I don't know the code should be needed to make something change. Thanks for the information. Thumbs up to PBT.

    Regards
    http://www.bloggerbulk.com/

    ReplyDelete
    Replies
    1. Tharun bro We have personally use the code in our template and have resolved the facebook wrong image issue. It would help you alot if ever your post does not show up the image in facebook or showing up wrongly. thanks.

      Delete
  10. Hey Hafeez very nice blog reminds me of MBT , anyways nice article
    Regards
    techsearch

    ReplyDelete
    Replies
    1. Wow we truly Love MBT blog.....thats good to hear this news

      Delete
  11. Nice, and how about the description, when Im sharing my post to facebook the description is incorrect instead the snippets of the articles it shows my author bio description. How do i fixed this here;s my blog www.bloggerheroe.com
    try to share it so annoying..I appreciate if you fixed my problem..Thanks..

    ReplyDelete
  12. Great Post :) Thank you for sharing...

    ReplyDelete
  13. Same thing is happen with me dear on my blog. Hope this work for me. Glad to read this.

    ReplyDelete
  14. Nice trick buddy, your blog got big achievement in short amount of time, that's good, and all the best for your blogging carrier, check out my blog and take review about my articles. . . :)

    ReplyDelete
  15. Brother it's not working for my blog . i have added you given code under the Head tag . But when i share my posts on facebook it still gives me wrong thumbnail . Can you please tell me what should i do to fix it ? Following is my blog link .
    http://softsfreee.blogspot.com

    ReplyDelete
  16. This comment has been removed by a blog administrator.

    ReplyDelete
  17. Useful tips to follow. It will be useful for newbie blogger.

    Work at Home

    ReplyDelete
  18. please give solution i have 2 image in my blogger post so i want to second image keep on thumbnail image but i dont do this that i 1st image replace on second image.

    ReplyDelete
  19. Really you are Pro Blogger :)
    Thanks it helped me alot

    ReplyDelete
  20. bhai ! , I am having problem with the thumbnail of my home page . I want my logo to come when I share my Home page URL . is the possible friend ?

    ReplyDelete
  21. Free games,TV,Softwares and Movies at http://released4me.blogspot.com

    ReplyDelete
  22. well I tried this out and still have the same problem...:((

    ReplyDelete
  23. This comment has been removed by a blog administrator.

    ReplyDelete
  24. after that when i start posting link on fb page then it shows this post cannot be posted on ur time line!

    ReplyDelete
  25. Its great bro. But I think you need to work on your english as there are some grammatical and spelling errors. I am interested in Guest posting here. Let me know if you are willing to accept quality and SEO optimized articles.

    Cheers!
    Mehul

    ReplyDelete
    Replies
    1. Yes buddy i want to allow you to do guest posts on my blog..Your post should must exceeds 700 words...we will review your post before publishing it. You can send it at hafeez.khan8000@gmail.com

      Thanks

      Delete
  26. Same thing is happen to my blog
    but now it fixed
    Thanks alot..........

    ReplyDelete
  27. I have another problem. everytime I share a post on facebook the preview image is blurred and the preview text is a comment! What can I do?

    ReplyDelete
  28. Yay! Thank you, you're the best!

    ReplyDelete
  29. Hello, thanks for advice, it´s working, when I share the post, but I have another problem with similar thing. When I click "recommend" button at the end of my post, the picture at the facebook wall is totally different than in the post. any ideas what to do with it?

    ReplyDelete
    Replies
    1. When you click on recommend it does not give you selecting image option. if they did not give an option. use large scale image in post which you want to show at facebook wall.

      Delete
  30. Thank you for your help Hafeez but I have changed the template and now it is not giving me the option of any thumbnail and the description is gone ! Please can you help?

    http://europlan-crete.blogspot.gr

    ReplyDelete
  31. It's still not working for me. I am new to this and it's driving me crazy. When I share my blog on fb it does not give me the option to change thumbnail. It shows my google profile picture instead of the picture related to what I am writing about, which is what i want. Worse still, it now cuts my picture so you can't even see my face :-(

    ReplyDelete
  32. Mine still does the same, Linda. No luck.

    ReplyDelete
  33. Not Working For Me,
    I Do The Same But No Result,
    My Facebook Page Showing My Google+'s Picture On Every Post.

    ReplyDelete
  34. I Think U Did'nt Saw This Note By Twitterfeed
    Facebook note:
    Please note that Facebook selects the thumbnail and similar metadata automatically, based on the link shared, and not from the feed content

    ReplyDelete
  35. I might have hugged you a thousand times if i were near you for giving me this code . I even thought of stopping sharing my articles on Facebook because of this thumbnail issue. Thank you, very much

    Regards ,
    Rizwan @ Blogger Kid

    ReplyDelete
  36. it is useful but i will wait till 3 days if it starts woorkign !!!!!!! Thanks Tremendously

    ReplyDelete
  37. Do you have to do this for every post? I tried it once or twice and had mixed results. I tried to post this morning and just deleted the image. However, when the link connected, FB selected a random photo from a previous post having nothing to do with the current one. We used to be able to select a specific image for the post on FB. Now we can't.

    ReplyDelete
  38. wow!! Thanks so much, this is very useful BUT some posts still having the problem with the thumbnail. Is that normal?

    Mi blog is http://b-enemakio.blogspot.com/

    ReplyDelete
  39. It didn't work for me. Am I suppose to remove the part on your pic (YOUR PAST CODE)?

    ReplyDelete
  40. hi.. pls help me..it doesn't work out for me.

    ReplyDelete
  41. You have saved my soul brother. Numerous attempts went completely waste leaving me utterly frustrated. But this one finally worked!! Thanks

    ReplyDelete
  42. This code is not working for me either. Any ideas are appreciated.

    Thank you.

    ReplyDelete
  43. Not working at all. I have tried so many different things and just like the rest, nothing changed. So sick of this, it's ridiculous, I can't manage my blog properly without the share button functioning properly! :'(

    ReplyDelete
  44. Informative post you've laid out here, but i have followed the steps to effect the change on my blog but its still the same. It hasnt worked.....i hope no changes has been done to the code based on the fact that it hs been long this post was droped.
    Here is my blog : www.jaysciencetech.com

    ReplyDelete
  45. Informative post thanks for sharing

    ReplyDelete
  46. Hello Sir
    i do the same settings for my website www.chat4enjoy.com this is a custom domain in Blogger but same issue :( thumbnails are not showing in FB

    ReplyDelete
  47. Thanks buddy it's working like a miracle....

    ReplyDelete

About ProBloggerTricks

Founded in 2013, Pro Blogger Tricks is the ultimate resource for bloggers and marketers. Looking for ways to make money online? Need blogging tips, SEO tips and other business and marketing related content? Probably, the best source of information about monetizing a blog ....Read More

Copyrights @ 2014, Pro Blogger Tricks - Designed By Templateism