Setting Feature image for blogger post to show on Facebook links

Setting Feature image and description for blogger post to show on Facebook links

Setting Feature image and Description for blogger post

Facebook is one of the popular social media in the world. By effectively using it we can get a good amount of traffic to our site. We can create pages and groups for our web or by joining groups related to our site. We can post our page links in these groups, pages or directly to our wall. But many blogger users getting issues while posting their post links to Facebook. Some of the queries which I found related to this issues were :

  • How to set Feature image for Blogger post
  • How to show Thumbnail while posting links on Facebook
  • Website link not showing any images while posting on Facebook.
  • How to change the default image or how Facebook choose image from your post link

First of all we will check how Facebook is seeing your link. There is Facebook’s debugger tool is available. Login to your facebook profile and click on this link >> https://developers.facebook.com/tools/debug/

facebook debugger tool

Enter your post URL in the field and click on “Debug”. You can see the preview of your Facebook link. You can also get some tags are showing like og:image, og:title,og:title etc. Some blogger will see error reports also like og:image is missing o other tags are missing. These are the tags which Facebook grabs from your blog post. If these tags are set, Facebook will automatically shows them other wise it will choose any random image or description from your post. So in order to set feature image or description, you have to include these tags in to your blogger template.

<!– for showing thumbnail image on facebook –>

<meta content=’Enter your Facebook App ID here‘ property=’fb:app_id’/>
<meta content=’Enter Your Site name‘ property=’og:site_name’/>
<meta content=’Enter Post Title‘ property=’og:title’/>
<meta content=’Enter Description‘ property=’og:description’/>
<meta content=’Enter post type Ex:movie,article etc‘ property=’og:type’/>
<meta content=’Enter Blog post URL‘ property=’og:url’/>
<meta content=’Enter feature image URL‘ property=’og:image’/>

<!– for showing thumbnail image on facebook –>

 

Copy the above code snippet and paste it right after the <head> tag inside your blogger template (Blogger dashboard>> Template>> Edit HTML >> search or  CLT+F <head>) . Replace the portions colored with Blue with your own links and details. After changing the code save the template.

If you’re not aware of Facebook App ID creation check this link >> How to get Facebook App ID

Now go to the Facebook debugger tool and enter the URL and click debug. It will fetch the tag details, if you still found any error click “Fetch new scrape information button “. If you still found issue after clicking 2 or 3 times, check the details which entered in the above code snippet. If the debugger tool showing feature image and other details of your post, you can share the link on your Facebook wall or on other groups.

 

M S Sujeesh

2 Comments

Leave a Reply

Your email address will not be published. Required fields are marked *