Skip to main content

Fix Facebook Share Showing Wrong Thumbnails

You may have noticed that sometimes Facebook share shows wrong thumbnails when you share your posts on Facebook. This problem is faced by many Bloggers and in many cases Facebook pulls the image that is totally not related to the post. You will need to solve this problem as it may not be good for your Facebook fans to get involved to your blog. The photo may be from your sidebar, your Google+ image thumbnail, blog logo and in rare cases the image can also be from the thumbnail of user who comments.

Fix Facebook Share Showing Wrong Thumbnails

To fix this issue you will have to use Facebook open graph meta data. You can learn more about meta data at how to use Facebook open graph meta data? With the help of Open graph, you can fully change the way your post is shared on Facebook.

If you are facing this issue while sharing your post on Facebook than solution can solve your issue. Just read this post carefully.
But before proceeding you will have to note few things, which are...
  1. Your post must contains an image which is of at least 200 pixels in height and width.
  2. You can host your image anywhere like photobucket, picasa etc.
Now lets solve the problem that causes the Facebook to show wrong thumbnail on sharing. We will first solve the issue for Blogger users.
  • Sign in to your Blogger account and choose the Blog in which you want to add the open graph data to show right thumbnail on share.
  • Now go to the Template from the Dashboard and than click on Edit HTML. You can see the image given below to know more.
Fix Facebook Share Showing Wrong Thumbnails
  • After clicking the Edit HTML button, you will see your Template codes. Just search for the following codes.
<b:include data='blog' name='all-head-content'/>
Note: To search, press anywhere in the Template codes and than press CTRL+F to open the search box. After that add the code which you want to search in your template and hit enter key.

Fix Facebook Share Showing Wrong Thumbnails

  •  Now add the following Facebook Open Graph Meta Data just after <b:include data='blog' name='all-head-content'/>. You can see the image given below.
Fix Facebook Share Showing Wrong Thumbnails
  • Add the code given below after the <b:include data='blog' name='all-head-content'/> tag.
<b:if cond='data:blog.postImageUrl'>
 <meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:else/>
 <meta content='PUT IMAGE URL HERE' property='og:image'/>
</b:if> 

Now you will have to put your alternate URL of the image in line 4. note that this image will appear on share only if the post doesn't contains any image. Also, make sure that the image size is above 200 x 200 px. You can add the image URL of your Blog logo or the image which most describes your blog.

Now if you aren't a Blogger user than you have add the above given open graph meta data inside the head section of your Website code or Template.
This changes will take on effect immediately next time you write and publish your post. And for your old post Facebook can take some time to refresh their cache. If you want to make the change immediately than you can use the Facebook Open Graph Debugger Tool.

That's All! I hope you solve your issue on Facebook share showing wrong thumbnails. Keep visiting for more spicy tweaks.
Labels:

Comments

Post a Comment

Popular posts from this blog

Need for Speed (NFS) Carbon Cheats, Codes and Unlock Parts

Need for Speed makes some great racing games like NFS Most Wanted, Rivals etc. and Need for Speed Carbon is another 10th addition to their NFS series. It's the first game to get the PEGI rating 12+. It's a very good game with it's story line. If you are looking for some adventure and a good racing than this one will be in your game list. While playing the game you will face some difficulty in completing this game. And from than onwards you may look some cheat codes that can help you in completing NFS carbon. And to make it easier for you here is the list of some working cheat codes and trainer. But you proceed to know about cheats and tricks for Need for Speed Carbon you would like to know the adventurous story of the game. So let's start. The game is set in the fictitious city of Palmont. Soon after the player leaves the Rockport City ( remember jumping of an old bridge in last scene of NFS Most Wanted) the player drives on a route to Palmont city with his BMW ca...
2 comments
Read more

How to Watch Any TV Show or Movie on Kodi

Kodi is a cross-platform media center solution developed by XBMC/Kodi Foundation, a non-profit technology association. Kodi which was previously known as XBMC has been growing rapidly from last few years. While the application offers to play local media files, but, it has plethora of third party add-ons, which, we can use to increase it's usefulness. In this post, you'll learn the process to install Indigo and Exodus on Kodi 18 (64-bit). The process is similar on version 17 of this app, however, I haven't checked the previous versions. Note : Streaming copyrighted content is illegal, nevertheless, it's completely legal to use Kodi for viewing the content you've purchased. First, we'll need to add Indigo Installer. Follow the following steps to know how to do it: Open Kodi . Click on the Gear button (settings). Select File Manager . Double Click on Add Source . Click on <None> ... ...type  http://fusion.tvaddons.ag and...
Post a Comment
Read more

Top 5 Alternatives to Extratorrent

In an unforeseen move, Extratorrent decided to shut down few months ago. It was one of the most popular torrent site, but now users who visit it's homepage are greeted with a message which clearly states they are not going to return in the future. Now that they are gone, various clone sites such as extratorrent.cd has been setup to squeeze money from the confused visitors via its advertisements. People visiting these clone sites should know that the original ExtraTorrent owners have deleted all data, and none of the impostors have access to the old ExtraTorrent files. There are many alternatives out there. You just need to look at the right place. Take a look at the following original torrent sites which might entice you. 1337x.to 1337x is probably the best designed torrent site you'll ever come across. Although it lacks the ExtraTorrents' rating system, nonetheless, most of the contents are verified by moderators. The site has easy-to-navigate subsections whic...
Post a Comment
Read more