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
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.
- Recommended: How to Show Author profile Picture in Google
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.
- Download: Top 10 Premium Blogger Templates.
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 FacebookStep1:
- Go to blogger dashboard:
- Go to Template >> Edit >>Html:
- Find for <head> tag In template:
- Past the below given code just after the <head> tag:
<meta content='article' property='og:type'/>Now click on save button: You done Almost:
<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 != ""'>
<meta expr:content='data:blog.metaDescription' name='description'/>
</b:if>
Remember: The following Things After Customization
Here is some important tips you should must know before switching this post.- After customization all your new post will show correct picture thumbnail in facebook whenever you share the post
- Your Older Post will still not showing up Correct image.do,nt worry it will start showing up (wait for 3 days)
- 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.- First of all i would recommended to use the PNG format for main image.
- Use JPG image format for the rest of all ordinary image inside the post except the main picture.
- Always try to add intro image inside the post.
- Do not Resize Image automatically in Post by html if big one:
- Share your Post on facebook immediately after publishing.
- For more tips visit the below post.
- Check this: 7 Tips to Optimize Images for SEO
"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.
nice work..
ReplyDeletethanks buddy. to land on facebook thumbnail image issue.
DeleteThis comment has been removed by the author.
ReplyDeletestrange 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!
DeleteIf 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.
DeleteFacebook 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.
Very useful tip from Hafeez brother
ReplyDeletethank for that bro it will helpful for us we glad to apply this on our blog
best of luck
Regards
R.S
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.
DeleteThank 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.
ReplyDeleteHello solangi Bro first to tell you i have send what you want....Yes bro we could be in touch with your blog..
DeleteDo 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.
Solangi Naeem
DeleteYes 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
that was a big headache....hope this trick helps! thanks
ReplyDeletehttps://www.facebook.com/makeupreviewandbeautyblog
Your Blog is awesome jayshree..
DeleteNice tip buddy keep it up,but i have already done this on my temp!!!!
ReplyDeleteRegard's
http://www.skillblogger.com/
Your blog is awesome bro.
DeleteThanks, Your blog is awesome tooooo....
DeleteRegard's
http://www.skillblogger.com
Happy Blogging
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.
ReplyDeletegreat 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 :)
ReplyDeleteRegards
Haris
Web Design SEO Tips
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.
DeleteI 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.
Deletethis 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.
ReplyDeleteRegards
http://www.bloggerbulk.com/
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.
DeleteHey Hafeez very nice blog reminds me of MBT , anyways nice article
ReplyDeleteRegards
techsearch
Wow we truly Love MBT blog.....thats good to hear this news
DeleteNice, 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
ReplyDeletetry to share it so annoying..I appreciate if you fixed my problem..Thanks..
Great Post :) Thank you for sharing...
ReplyDeleteSame thing is happen with me dear on my blog. Hope this work for me. Glad to read this.
ReplyDeleteNice 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. . . :)
ReplyDeleteBrother 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 .
ReplyDeletehttp://softsfreee.blogspot.com
This comment has been removed by a blog administrator.
ReplyDeleteUseful tips to follow. It will be useful for newbie blogger.
ReplyDeleteWork at Home
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.
ReplyDeleteReally you are Pro Blogger :)
ReplyDeleteThanks it helped me alot
@ PBT you all codes works very well Thanks
Deletebhai ! , 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 ?
ReplyDeleteFree games,TV,Softwares and Movies at http://released4me.blogspot.com
ReplyDeletewell I tried this out and still have the same problem...:((
ReplyDeleteThis comment has been removed by a blog administrator.
ReplyDeleteafter that when i start posting link on fb page then it shows this post cannot be posted on ur time line!
ReplyDeleteIts 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.
ReplyDeleteCheers!
Mehul
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
DeleteThanks
Same thing is happen to my blog
ReplyDeletebut now it fixed
Thanks alot..........
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?
ReplyDeleteYay! Thank you, you're the best!
ReplyDeleteHello, 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?
ReplyDeleteWhen 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.
DeleteThank 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?
ReplyDeletehttp://europlan-crete.blogspot.gr
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 :-(
ReplyDeleteMine still does the same, Linda. No luck.
ReplyDeleteNot Working For Me,
ReplyDeleteI Do The Same But No Result,
My Facebook Page Showing My Google+'s Picture On Every Post.
I Think U Did'nt Saw This Note By Twitterfeed
ReplyDeleteFacebook note:
Please note that Facebook selects the thumbnail and similar metadata automatically, based on the link shared, and not from the feed content
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
ReplyDeleteRegards ,
Rizwan @ Blogger Kid
Thanks , i will check ti
ReplyDeleteit is useful but i will wait till 3 days if it starts woorkign !!!!!!! Thanks Tremendously
ReplyDeletethank you..it 's good one..
ReplyDeleteDo 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.
ReplyDeleteIt is very useful...!
ReplyDeleteComputer Tricks
wow!! Thanks so much, this is very useful BUT some posts still having the problem with the thumbnail. Is that normal?
ReplyDeleteMi blog is http://b-enemakio.blogspot.com/
It didn't work for me. Am I suppose to remove the part on your pic (YOUR PAST CODE)?
ReplyDeletehi.. pls help me..it doesn't work out for me.
ReplyDeleteYou have saved my soul brother. Numerous attempts went completely waste leaving me utterly frustrated. But this one finally worked!! Thanks
ReplyDeleteThis code is not working for me either. Any ideas are appreciated.
ReplyDeleteThank you.
not working
ReplyDeleteNot 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! :'(
ReplyDeleteGreat Tips to Learn Blogger
ReplyDeleteInformative 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.
ReplyDeleteHere is my blog : www.jaysciencetech.com
Thanks !
ReplyDeleteInformative post thanks for sharing
ReplyDeleteHello Sir
ReplyDeletei 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
Thanks buddy it's working like a miracle....
ReplyDelete