like-us-on-facebook-buttonYou link to your blog, and for some reason the image it pulls is not what you wanted – you’re not sure why.  Facebook uses something called Open Graph to determine the description and image it pulls based on the coding of your site.  You can check to see what each of your blog pages will display by default by entering the URL here: https://developers.facebook.com/tools/debug/.

Here’s how to fix it:  If you are a WordPress blogger, it usually works to just assign a featured image.  Make sure your image is at least 200×200 pixels in size.  You can also install the WP Facebook Open Graph protocol plugin which adds Facebook Meta information to your blog pages (the plugin requires your a Facebook User ID or App ID for it to work).

Not a WordPress blogger?  You can take control by using the Facebook Open Graph protocol metatags in your heading.  These tags go in the <head> tag of your Web page and will tell Facebook what to pull.   Insert the following piece of code after the <head> tags.

If you’re on Blogger you’ll find it here:

  1. Go to blogger dashboard
  2. Go to Template >> Edit >>Html
  3. Find <head> tag in template

Code to insert:

<meta content=’article’ property=’og:type’/>
<meta expr:content=’data:blog.postImageThumbnailUrl’ property=’og:image’/>
<meta expr:content=’data:blog.title’ property=’og:site_name’/>
<meta expr:content=’data:blog.pageName’ property=’og:title’/>
<b:if cond=’data:blog.metaDescription != &quot;&quot;’>
<meta expr:content=’data:blog.metaDescription’ name=’description’/>
</b:if>

After your ‘fix’ your page, you’ll need to clear your cache. Otherwise Facebook will show you the same thumbnail each time (no matter which image you have in the meta tag).  Use the Facebook Debugging tool to clear the Facebook cache of the old.

 

 

Leave a Reply

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