HOW TO: Fix Facebook ‘Like’ Thumbnail Problem

Facebook quite recently changed the functionality of ‘Like’ button, now it is similar to ‘Share’ button. Normally the ‘Like’ button shows the link of the blog post and the blog, but from now onwards they will show the Title, Description and a screenshot of the page which you like.

By default most of the ‘Likes’ have random thumbnails, similar to the below image. Here they took the emoticon I used in comments!

Facebook Like Effect [Before]

Facebook Like Thumbnail [BEFORE]

After trying this trick, my blog post was able to show the related image as thumbnail.

Facebook Like Effect [After]

Facebook Like Thumbnail [AFTER]


Ashish Saini did a great job by creating a WordPress plugin and also a PHP code with similar functionality. Here we are going to see the two methods by which you can solve the Facebook Like Thumbnail problem easily.

Two Ways To Fix Facebook Like Thumbnail Problem

#1 – WordPress Plugin : WordPress users once again blessed with a plugin. Just download and activate it.

It will display the first image of the post or page you are on. In case someone likes your Category or Tag page, then the first image of the first post in the listing will be used.


#2 – Manual PHP Code : Not everyone love to use plugins, for them here is another method. Just copy and paste the following snippet in functions.php file. Bingo!

You can check the manual code [here]

You can replace ‘http://blog.ashfame.com/wp-content/themes/ashfameblog/images/ashfame-logo.png’ with your blog/brand image URL.


These two methods apply only* to WordPress blogs, but yet, you can use the following code to show a constant default image; maybe you can use your blog logo.

<link rel=”image_src” href=”http://example.com/logo.png” />

Do you like this new ‘Like’ functionality? Have you faced this thumbnail issue? Share your opinions below as comments.

Want to discuss your queries and interact with experts? You can connect with HellBound Bloggers (HBB) Facebook group for free!

On March 2, 2011 by in Facebook | Short Link: http://hbb.me/Y7oS4i  

About
CEO and Founder of Slashsquare, Indian Blog Network and Web Consulting Media. HBB is a part of Slashsquare Network. I'm a Tech Blogger, Striving Entrepreneur, Atheist, and Proud Indian. Catch me on Facebook, Twitter and .


We'll be happy to know your views and opinions, you can share them as comments below. If you have any issues, kindly have a look at our Comments Policy and you can also Contact Us.


Also do remember we value our comments like our blog posts, so please avoid simple or silly complimentary comments. We'll be removing them as they won't add any value to the post. Thanks for understanding.



You can also comment using your Facebook Profile here


25 Opinions on “HOW TO: Fix Facebook ‘Like’ Thumbnail Problem

  1. Hi Pradeep,

    Thanks for spreading the word about it. :)

    BTW, take a look at your code, its messed up right now, outside the pre tag.

  2. Hey congrats Ashish Saini, I used to read your blog :-)

    Thanks Pradeep for update

  3. Just noticed it! You fixed it, Thanks :)

  4. Nice work by Ashish. Thanks for sharing the code.

  5. Well aren’t you clever… That’s a great idea, thanks so much for sharing this with us. I’m going to have to give this one a go myself. I love this idea!

    Adrienne

  6. This looks like a good fix on the Facebook like feature.

  7. great work mate. i like to use the code’s instead of plugins.

  8. i have also faced same problem, i will use this trick, lets hope i will solve it….

  9. When you implement Open Graph protocol in your website with Facebook social plug in (Like button) properly, than whenever some one likes or shares a post from your blog , that will appear in their wall with a related image to that post plus a short description and URL to the post.

    There are certain syntax you need to use for proper integration of OG and FB like. Any mistake in the syntax will result in incorrect nbr of likes as well as improper URL associated with the like. I will cover this topic broadly on my blog pretty soon.

  10. Thanks for the tips. Will go for manual code.

  11. Thanks so much

  12. Its very informative post, Pradeep. Thanks a lot for sharing. See you again.:)

  13. I have recently FORMATTED my C Drive using Windows XP Home so I didn't expect problems but if I try and open My Documents in thumbail view it crashes.

  14. Hi Pradeep, its one of the informative post to all the blogger. Thanks a lot for given. No words to describe about this article. great work :)

  15. How will you implement this in a Thesis Theme site?

  16. Hey Pradeep,

    I have updated the plugin to v0.2 with some more features. I would suggest anyone using the manual code, should ditch it and switch to the plugin. You can read about the changes here – http://blog.ashfame.com/2011/04/wordpress-plugin-facebook-like-thumbnail-updates/

    Also using the plugin will let you get updates easily. Get the plugin here – http://wordpress.org/extend/plugins/facebook-like-thumbnail/

  17. Actually is Open Graph problem,
    Maybe try this for faster way to fix for the facebook.

    http://www.justin.my/2012/01/how-to-fix-facebook-thumbnail-from-wordpress/

  18. hi Pradeep…
    Thanks for providing that information but is this also applicable for the post we like before activating this plugin…

  19. the method that you given above
    (<link rel=”image_src” href=”http://example.com/logo.png” />) does not work for my blog. if you have any idea about blogger code pls explain

  20. Thank for this code. I always like this types of post.

  21. thanks pradeep for this. you must be hired by mark. :)

  22. the plugin helped me a lot thanks

Leave a Reply