Every blogger shares posts on Facebook so that he can get his posts viewed and shared by others. But when the post that has been shared on Facebook shows wrong thumbnail and description then the viewers who sees that post may confuse with the text there and image showing for that post. This happens mostly with the BlogSpot bloggers and blogs. And for WordPress and other platform users there are lots of plugins available to solve this problem. Here is a clear explanation to solve Facebook showing wrong thumbnail and description when shared link in Facebook problem.
How to Fix Facebook Thumbnail and Description Problem for blogger ?
In BlogSpot blogs this problem can be solved very easily with a small Html/Javescript code (Nothing but Open graph Meta tags). This code helps you show correct image of the post and Description when shared a link of your blog on FB.
What all you need to do is to copy the below code and paste it in your template.
Now copy the code and follow the instructions to paste it at right position in your template.
Now go to Template → Edit Html
Next find for /head by pressing Ctr + F. Now just paste the code above /head.
Before pasting the code replace the default image URL (4th and 5th line in the code) with your Blogs Logo URL so that whenever there is no image in your post then your Blog logo is displayed as thumbnail when shared its link in FB.
That’s all you’re done with pasting the code. But now as soon as if you share your blog’s post link in Facebook it will not show the correct image of the post. The reason is that Facebook updates the thumbnail and descriptions of links every 24 hours. So you need to wait for 24 hours.
But actually not you can do that manually by going to Facebook Debugger. Go to Facebook debugger and paste the post link and press Debug and then “Fetch new scrap information” now your Post’s Facebook Scrap gets reloaded and you find your Post thumbnail and description when you share your post.
Recommended for You:
Which description does Facebook Post shows?
The text which is shown under Facebook thumbnail is the description which you write about your post while writing your post on the right sidebar under search description option in blogger. Sometimes you may NOT find that option in the right sidebar when you write a post. This is because you need to ON the blogs description first then that option will appear on the right sidebar when you write a Post.
How To ON the Blog’s Description?
First go to Blogger dashboard
→ Description and Click Edit
Now write the outline (Summery) of your blog and press Save Changes. Now “Search description” option starts showing on right side bar of your Post editor.
Whenever you write a Blog post don’t forget to write search description because that helps search engines to find your blog easily. Your search description should be compact covering most the keywords with good sense and limited to 150 characters. If you write more than 150 characters it will not be seen by the search engines or shown as dots (…).
In this way facebook thumbnail and Description Problem is solved. Still there are different methods and different Codes (Open Graph tags) which can solve this problem. But this is the easiest and simplest method to solve thumbnail issue for blogspot blogs.
If you find any problem ,don’t hesitate to comment. A proper solution is provided…