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.
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 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.
