How to fix Facebook Post Thumbnail Issue in Blogger

Socialize It →

Tweet

15

Advertisements

Upon sharing your articles on Facebook, you might have noticed incorrect post thumbnail appearing instead of showing the right thumbnail.  A lot of our users had been complaining about incorrect post thumbnail appearing when we share our articles on Facebook. In this article, we will show you how to fix Facebook post thumbnail issue in Blogger.

Why Facebook Shows up Wrong Post Thumbnail:

There are quite a few reasons why incorrect post thumbnail is shown up. However, one of the most common issues is that multiple images are set to og:image tag that is responsible to show up images as post thumbnail upon sharing a link on Facebook.

This issue revolves around Facebook open graph tags that most of the blogger developers forget to include in blogger templates. It automatically selects the first image from your posts and makes it your post thumbnail.

Let us now fix this issue with all the possible stuff we got.

Adding og:image Tags in your Template:

The very first thing you can do to solve this issue is to add og:image tags to your template. Since we have already written a comprehensive tutorial on how to add Facebook open graph tags in blogger so be sure to read that.

However, if you are less likely to just add og:image tags to your template then go to Blogger >> Template >> Edit HTML and just above the </head> tag paste the following piece of code.

<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
<b:else/>
<meta content='http://www.your-blog-logo.jpg' property='og:image'/>
</b:if>

Be sure, you must upload images to your posts from your system hard drive because images from any external source or URL would not be accepted by neither blogger nor Facebook.

Manually Uploading your Thumbnail Image:

If you still face problems that Facebook is not picking up your correct images as post thumbnail, then you can manually upload your thumbnail images while you’re sharing your article on Facebook. As It can be seen in the screenshot below that how you can upload the image you want to show as thumbnail.

This image will be saved in your Photos section. Whenever users will share your posts on Facebook it will continue to display the correct image. However, if users choose to share your post from the Post Address or URL than it will display incorrect images again.

Facebook Debugger Tool at Work:

The best way to figure out or troubleshoot the issue that is responsible for not displaying the right post thumbnail image on Facebook is to use Facebook Debugger Tool.

Just paste the URL of your post in the debugger tool and you will notice a list of errors that you need to fix to make your blog more user-friendly with Facebook.

We hope this article would turn out to be helpful for those who are continuously facing this issue on their blogs. If anyone of our readers has resolved his/her issue with the methods that are not listed above then feel free to share it in the comments below. To allow your readers to share your content on Facebook in just one click try adding social sharing buttons in blogger posts. 

Advertisements

About the Editorial Team

The Editorial Team of MyBloggerLab consists of a group of Professional Blogger geeks Led by Syed Faizan Ali (Founder of MyBloggerLab).