I recently wrote about adding your webpage's best image for FaceBook's Thumbnail. Facebook or any other social sharing platforms generally pick up an image from shared web page using their own algorithm. But there is a way that you can point them to an image that you want to be shown as a thumbnail.

The solution is to add an open graph meta tag in your web page with the link to the desired image. The open graph standard is followed by many social sharing sites including Facebook. Here is an extension to add the meta tag on its own to your BlogEngine's posts.

The extension is pretty simple and adds the link of each post's first image (reading top to down) to the open graph tag. So, next time, when somebody shares your web page on Facebook, it will straightaway pick this image to show as a thumbnail.

How to install FaceBook Thumbnail Extension?

1. Download FaceBook Thumbnail Extension: FBThumbNail_AM22.zip (1.40 kb)
2. Extract the FBThumbNail_AM22.zip in any temporary folder.
3. Copy and paste FBThumbNail_AM22.cs file in your BE's App_Code->Extension folder.
   
4. That's it. Run your BE and you can find the FBThumbNail_AM22 extension in your Admin->Extensions section. Enable it if it is disabled.

FaceBook Thumbnail Extension Help

• The extension adds an og:image tag in your BE web page's meta tag (in HEAD section). You can see it working by opening any of your BE post and then Page->View Source from your internet browser window. It would have the following tag in head section:
  

Example