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

How to Get Unlimited Ammo and Health in IGI 2

After many days I am sharing a cool and interesting trick for game lovers. Do you enjoy playing IGI2? Of course you like this game. But many of you may be facing verious difficult situations in completing this game. It's because the missions are really tough and you can't complete whole IGI 2 without using it's cheat codes. There are many hacking tricks for IGI available in the Internet but most of them don't work. And this is the reason I am sharing these cheat codes to you. After reading this post you will be able to play this game without losing any health and ammo. We'll use a lite application to achieve the immortality and infinite number of ammo in this game. You will have to download the software from the link that I will provide you a little later in this post. Let's first know what this software will do. It will allow you to keep your health unlimited in IGI game. And if the health will not decrease then you will never die in the game IGI. You wil...
11 comments
Read more

Block Annoying Ads in Google Chrome with Adblock Plus

Have you ever how some of the ads annoys peoples. Let's say you go to some website to download your favorite song but when you visit that site, you are welcomed with more than two or three pop-ups ads. Some websites keep more that two or three pop-ups and ads, they can place as many as 10 pop-ups on one single page. When you will visit a particular page the pop-ups will be opened automatically. We understand they need money to run their company but they should look for some good ways to show ads rather than showing forced pop-up ads, they can show ads if it that ad is relevant to their users or most of their visits their for that types of readings. Anyway, if you are really annoyed with these pop-up ads and wanted to block them than you can use a Google Chrome extension which is named Adblock Plus. This software can handle these pop-up ads very easily. It will not only block your pop-ups, it will also block the advertisement that is shown in the page too. After installing this app...
15 comments
Read more

Enhancing Productivity with Virtual Desktops in Windows 11

In the fast-paced digital age, multitasking has become an essential skill for maximizing productivity. With the release of Windows 11, Microsoft introduces an enhanced Virtual Desktop feature that empowers users to organize their workspace, manage tasks efficiently, and seamlessly switch between different contexts without the clutter. In this article, we'll delve into the world of Virtual Desktops in Windows 11 and explore how this powerful tool can elevate your productivity to new heights. Task View  The Power of Virtual Desktops Virtual Desktops in Windows 11 provide users with a dynamic way to manage their open applications and tasks. Think of them as separate workspaces, each with its own set of open apps, files, and windows. This allows you to group related activities together, effectively creating a focused environment for different projects, tasks, or workflows. Getting Started with Virtual Desktops Setting up and using Virtual Desktops in Windows 11 is a breeze: 1. Creating...
Post a Comment
Read more