How to Fix Facebook Incorrect Thumbnail Issue in Blogger When the reader shares posts on Facebook but when the post that has been shared shows incorrect post thumbnail appearing instead of showing ...
2018-07-31T07:46:20Z

How to Fix Facebook Incorrect Thumbnail Issue in Blogger

When the reader shares posts on Facebook but when the post that has been shared shows incorrect post thumbnail appearing instead of showing the right thumbnail and description then it may confuse your reader.

Facebook Incorrect Thumbnail Issue

In this article, we will show you how to fix post share Facebook thumbnail Issue in blogger just follow the below steps.

Step 1: Go to blogger dashboard: >> Template >> Edit Html:Find for <head> tag In template:
Look at the Facebook Open Graph it might look like this below, Remove this completely

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

Step 2: Now search for <b:includable id='post' var='post'> and paste the below code after this tag

<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta content='article' property='og:type'/>
<b:if cond='data:post.firstImageUrl'>
<meta expr:content='data:post.firstImageUrl' property='og:image'/>
<meta content='1200' property='og:image:width'/>
<meta content='630' property='og:image:height'/>
<b:else/>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<meta content='1200' property='og:image:width'/>
<meta content='630' property='og:image:height'/>
<b:else/>
<meta content='https://lh3.googleusercontent.com/-9Fy3-ME-5VA/VfhZDh1oQOI/AAAAAAAABFc/SPkLmVpV1aY/s1600/no-thumbanil-available.png' property='og:image'/>
</b:if>
</b:if>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' name='og:description'/>
<b:else/>
<meta expr:content='data:post.snippet' name='og:description'/>
</b:if>

Now click on save button.

Fix Description does Facebook Post shows ?


First go to Blogger dashboard >> Settings >> Basic >> Description and Click Edit
Now write the description of your blog and press Save Changes. Now you get Search description option showing on right side bar of your Post editor and Page Editor. Whenever you write a post don't forget to add search description because that will show in search engine. Don't worry about old post if you have not added search description, in the above code we have fix for older post but for future post it is better to add search description in the post.

Manually Uploading your Thumbnail Image:


If your article still does not pick up the correct thumbnail, then you can click on the upload link to upload the image you want to use.
The image you have upload for the article is stored in the photos section of your Facebook page. Facebook will show the image you uploaded as the thumbnail for the article in your timeline. However this solution does not affect other users who share your article, then it may still show the incorrect thumbnail.

Use Facebook Debugger Tool:


The best way to figure out the issue by using Facebook Debugger Tool. Just paste the post URL 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.

If it Didn't Solve Your Problem What to do now ?


First make sure, you must upload images to your blogger posts from your system hard drive not from any external source or URL. After using above step if still facing problem in displaying wrong image thumbnail in Facebook Post then kindly let us know about it and post your query in the below comment section with your website url.
Share it:

Blogger

Blogging

Facebook

How To

Social Media

Tutorial

Post A Comment:

0 comments: