Facebook Thumbnail Image

Here come a question from my Facebook fans regarding Facebook thumbnail image:

Facebook Thumbnail Image Sample

Facebook Thumbnail Image Explanation

First we need to find out what cause the issue. Facebook script trying to parse your web page and looking for the right image for the thumbnail. But most of the time it is fail to give the right image and worst no image return at all. Since there are millions of themes, layout and different html code from 1 website to another so Facebook recommend the other way to fix this issue. The answer is using the open graph meta tag.

Facebook Thumbnail Image Solution

I develop a simple plugin for WordPress to automatically add the Facebook open graph meta tag. You can read my previous post “Facebook Open Graph Meta For WordPress” for more details. But for other CMS such as Joomla, blogspot, or others you can implement it in your themes. All you need is define this meta tag before the close header tag:

og:title //For the post title
og:type //For the post type, ex: movie, celebrity, music, blog
og:url //Post Url
og:image //Post Thumbnail
og:site_name //Website Name
fb:admins //Your User ID
og:description //Post description

With that meta tags defined Facebook will get the right information from your post and share it to people in your network. I hope this article answer the question. Thanks.

Article by Ivan Kristianto

Ivan Kristianto is a profesional web developer and blogger. Very interest with free and open source software. Follow my Twitter: @ivankrisdotcom or Facebook profile IvanKristiantoBlog or Email me at ivan@ivankristianto.com

1 comment 2 people listening

Sign in

• Comment help
• Get Livefyre

Post comment as

+ Follow conversation Following - Unfollow

Post to

Sort: Newest | Oldest

STUDIO DAR 5 pts

Thanks for this.

share flag

• spam
• offensive
• disagree
• off topic

Like