Update: Getting The New Like Button To Use The Correct Thumbnail Image

Shortly after publishing last week’s post on Facebook’s recent changes to the “Like” and “Share” buttons, I realized Facebook made a glaring mistake when creating this new structure.

facebookWith this new structure, when you click “like” on a website or post, you don’t get to choose which thumbnail is selected to show up in your news feed and on your wall. Instead, a random image is pulled from that website and included with the content you are now “sharing.”

This would all be well & good if the default image selected was actually relevant to the post, but in most cases a random image from the website is chosen. As a website owner, you want your content to look exactly how you intend it to when its shared, not with some random image that has very little to do with the actual post.

An example:

Here’s a post that I liked a couple weeks ago.

New Facebook Like

You can see that the post I liked was about a “Blue Bentley Continental,” but the image that was shared with the post has nothing to do with a Bentley. Its actually one of the manufacturers Joe’s Stereo carries, and that image was just pulled at random by Facebook.

Obviously if you are a website owner, you don’t want this to happen. But even if you are simply a Facebook user and you are sharing content, you don’t want random images showing up on your wall. You want images that are relevant to whatever it is you are “liking.”

Now I’m sure Facebook will be all over this and they’ll come up with a fix eventually, but in the meantime how do you protect your brand and correct this problem yourself?

For those of you who have wordpress blogs, the fix is as easy as installing a plugin.

Here’s the extremely helpful original blog post from Ashfame that helped me correct this problem

http://blog.ashfame.com/2011/02/wordpress-plugin-fix-facebook-like-thumbnail/

Basically all you need to do is download the plugin from the link above OR install the plugin from inside the WordPress admin area. Just go to ‘Plugins’ then ‘Add New’, then search for “Facebook Like Thumbnail.” That should bring up Ashfame’s plugin which you just need to install and activate.

What the plugin does is tell Facebook to select the first image from that particular post OR select a default image from the site in the case that there are no images in the post.

In order to set the default image, you need do some simple editing to the plugin itself. Once you have it installed and activated, click ‘edit’ from the Plugins page.

Edit WordPress Plugin

From there, decide which image you want to be the default image (your logo will work fine), and then enter the web address of that image in the plugin code just as I did in the image below.

Edit Facebook Plugin

Save the changes you made and you’ll be good to go!

One minor note: the changes won’t take effect immediately because Facebook crawls your site only once every 24 hours. Give it a day or so and you’ll be set until Facebook makes the next round of changes!

Social Media Management San Diego

Adam Viccaro About Adam Viccaro

A New England transplant enjoying every minute of Southern California sunshine. Founder of Blurose Media. CSS addict. Obsessed with poker and Blues guitar. I'm stubbornly determined to change my circumstances and the circumstances of those around me. Follow me here @aviccaro.

  • melek

    Any info on how to fix it on a non-wordpress site?  I found this article, but it’s not working (of course, I haven’t waited the required 24 hours yet either :) )
    http://www.theitechblog.com/1403/solution-to-facebook-like-button-thumbnail-problem

    Any thoughts?
    Melissa

  • Mark

    I tried to make this my default but it wouldn’t let me.

    http://www.marknelsonsblog.com/wp-content/uploads/2011/02/soc-home-pg2-on.jpg        Put the code in like all the examples but still wouldn’t work. Any ideas?

  • Mark

    This is the image I want as my default. Tried to follow your example but can’t get it to work.

    Any ideas?

    • http://blurosemedia.com/blog Adam Viccaro

      Hi Mark,

      It looks like you are missing the closing tag (/>) on your code. Also, the latest version of this plugin includes a place to edit the image without editing the actual plugin code. Look under settings in your WP dashboard and you should see the plugin settings there.

      Hope that helps!

  • Pingback: URL