Why does Facebook Share Pull the Wrong Thumbnail?

Question

I have a quick question, hopefully someone can help me. I recently took a microsite live for a client and everything went smoothly except for a facebook integration piece. When a user attempts to Share the site, the thumbnail pulled for the share reflects the logo from the main site, not the microsite. I am baffled because this logo can be found nowhere on the page. Additionally, I have included the requisite meta information in the header of the document <meta property="og:image" content="http://www.rethinkyourdrinknow.com/images/ryd/logo2.png" /> but for some reason it still pulls the other image. Does anyone have more experience with Facebook share that could possibly lend a hand?

Thanks, Jamey

Answer 1

Try using the Facebook Linting tool (now the debugger)

http://developers.facebook.com/tools/debug

Enter the URL of your microsite, the tool should tell you whats going on.

Answer 2

It seems that OGP only likes thumbnails which dimensions are the same or more than 200px. If you upload an image and set it as thumbnail (which dimensions are, by WP default, 150x150 pixels) you're going to get an error message if you run your post's link into the FB debugger like this:

Open Graph Warnings That Should Be Fixed

Small og:image: All the images referenced by og:image should be at least 200px in both dimensions. Please check all the images with tag og:image in the given url and ensure that it meets the recommended specification.

So I manually enlarged an image into one of my previous posts to the actual 200x200 pixel size and tadadah!!! Facebook shares the proper link and proper image also from WP homepage or single post.