FIXED: Thumbnail (og:image) error on Facebook

We found the solution to a problem many website owners and bloggers encounter when sharing content on Facebook - the thumbnail (og:image) error.

Do you get the following warning when scraping a URL using Facebook's Open Graph Object Debugger?

og:image was not defined, could not be downloaded or was not big enough. Please define a chosen image using the og:image metatag, and use an image that's at least 200x200px and is accessible from Facebook

If yes, copy and paste this og:image meta tag within the <head> section of your template.

<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<meta content='YOUR LOGO' property='og:image'/>

Don't forget to replace "YOUR LOGO" with your own. It will be shown if no image is available on your post. The ideal pixel size is 600 x 314 px.

So you won't get any other error on Debugger, add the following Facebook Open Graph Meta Tags:

<meta content='article' property='og:type'/>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>

Click save and you're good to go.