FB 'Like' thumbnail

[Nick C]

EDIT: This is no longer an issue, see my reply below.

I've added a Facebook like button to our website, but Facebook automatically creates an unrecognisable thumbnail from a segment of our shop banner when anyone clicks it. I found a section of code which is supposed to dictate which image FB must use, but it doesn't seem to work.

This is the main body of the FB code I've inserted into the Head, FB created this with the information I provided.

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

This is the code I've used to position the 'Like button'.

<div class="fb-like" data-href="http://www.shop.oliverslighting.co.uk/" data-send="true" data-layout="button_count" data-width="450" data-show-faces="true"></div>

And the code which placed under MetaTags is supposed to specify which image is displayed.

<meta property="og:image" content="http://shop.oliverslighting.co.uk/acatalog/SB402_tudor_black_brass.jpg"/>

Has anyone else had a similar problem and found a solution?

The website is here:

http://www.shop.oliverslighting.co.uk/

[Nick C]

Working now, it seems as though this was simply a case of FB caching the original image, friends are now stating that the thumbnail has changed to the correct one. Happy days.