Beginner's Guide for WordPress - Start your WordPress Blog in minutes.
Choosing the Best
WordPress Hosting
How to Easily
Install WordPress
Recommended
WordPress Plugins
View all Guides

How to Fix Facebook Incorrect Thumbnail Issue in WordPress

Last updated on by
Special WordPress Hosting offer for WPBeginner Readers
How to Fix Facebook Incorrect Thumbnail Issue in WordPress

Have you noticed an incorrect post thumbnail showing up when you share your articles on Facebook? Many of our users have complained about this. In this article, we will help you fix the facebook incorrect thumbnail issue in WordPress.

Shared article with thumbnail image on Facebook

Why Facebook is Not Picking up The Thumbnail Image

There are many reasons that can prevent Facebook from correctly guessing the right thumbnail image. One of the most common reason is having multiple images set in the og:image tag where your featured image is smaller than rest of the images.

Facebook uses Open Graph (og) tags, and many WordPress plugins like WordPress SEO by Yoast automatically adds them to your site to prevent missing thumbnail issue.

Among other causes are caching plugins, CDN issues, missing open graph meta tag for the thumbnail image. etc. It is really hard to guess what’s causing the issue because there are no specific error messages displayed when using the debugging tool.

Let’s take a look at how to fix the incorrect facebook thumbnail issue.

Manually Uploading your Thumbnail Image

If you are sharing an article on your Facebook page, and it does not pick up the correct thumbnail, then you can click on the upload link to upload the image you want to use.

Manually uploading a Facebook thumbnail when posting to page

Note: The image you upload is stored in the photos section of your Facebook page. You can delete the image from photos if you want. Facebook will continue to show the image you uploaded as the thumbnail for the article in your timeline.

However this solution does not affect other users. Meaning if other users share your article, then it may still show the incorrect thumbnail.

But the next fix takes care of that part.

Explicitly Tell Facebook To Use Thumbnail of Your Choice

If you are using WordPress SEO by Yoast plugin, then you can easily set a specific thumbnail image for Facebook.

When writing a post, scroll down to WordPress SEO meta box below the post editor and then click on the social tab. There you will see a button to upload a thumbnail image for Facebook.

Setting up Facebook thumbnail using WordPress SEO

Simply add your Facebook Thumbnail image there, and this will fix the issue in most cases.

However if it continues to show the incorrect thumbnail, then you may have to reset the Facebook cache.

Using Facebook Debug Tool

Facebook debug tool is the easiest way to troubleshoot issues with Facebook open graph implementation on your WordPress site.

Simply copy the URL of your WordPress post and paste in the debugger tool. The most common error that you will see is

Provided og:image is not big enough. Please use an image that’s at least 200×200 px. Image ‘http://example.com/uploads/2014/06/some-image-from-article.jpg’; will be used instead.

What happens here is that Facebook uses their best guess method to pick up a thumbnail image. If there are larger images inside an article, then Facebook will use those images instead. For some unexplained reason, pressing the debug button again on the same URL makes this error disappear.

We hope this article helped you resolve Facebook incorrect / no thumbnail issue in WordPress. To make it easier for your users to share your articles, we would recommend you to install Floating Social Bar. It adds a sticky social bar on top your articles, encouraging users to share and tweet your content.

If you liked this article, then subscribe to our YouTube Channel for more WordPress video tutorials. You can also join us on Facebook and Twitter.


Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi. Page maintained by Syed Balkhi.

WPBeginner's Video Icon
Our HD-Quality tutorial videos for WordPress Beginners will teach you how to use WordPress to create and manage your own website in about an hour. Get started now »

Comments

  1. Ritesh Shenoy says:

    Worked like a charm !

  2. Cormael says:

    Explicitly Tell Facebook To Use Thumbnail of Your Choice → now we are talking, working like a charm, thank you ♥ WordPress SEO rocks!

  3. kashif says:

    AccessPress Facebook Auto Post this error please fix connection timed out after 10001 milliseconds facebook

  4. Beni Iskandar says:

    I am using featured image as my thumbnails post. when I share my article to facebook i found that my pic not show as big as actual size and only show one og:image.

    In other case i found that some blog not using this featured image article, all file image on article show in meta tag list og:image. I see that this preview on facebook showing all image too, it look’s like simple tutorial but without text.

    I want to setting up my blog like this, show all meta ogimage file list not just one and remove og:imagewidth and height.

  5. Bethany says:

    Thank you! This article really helped me out this morning!

  6. Lakshmi Geeth says:

    Thank you so much for this article, I did not know that Yoast could do so much more. It indeed helped me a lot. Thanks guys.

  7. Massimiliano says:

    I tried every king of plugins and finally by only using the Facebook Debug Tool, pressing Fetch new scrape information button, after i paste the link to the article with thumb image problem in Input URL field, completely solved the problem for my website http://www.ioblog.eu
    Thank you for your help!

  8. peni says:

    thank you..this post helping me a lot.

  9. Adnan Khan says:

    Thanks Great Post

  10. James says:

    Just wanted to thank you guys for the excellent article. I’ve only encountered this problem fairly recently and couldn’t figure out why facebook was grabbing images from my sidebar instead of the WordPress featured image. What was really throwing me off was that some of my posts shared flawlessly to Facebook with the Featured Image while others did not.

    After reading THIS article, I learned that size indeed matters. At least to Facebook. I also learned that you could do other stuff with Yoast that I had never even knew existed before. Thanks guys!

  11. Jaswinder says:

    Very interesting article and glad that I found it!

    I am facing the same problem and today I installed Yoast SEO and I am able to share blog posts on face book with the correct image.

  12. Ricardo Carvalho says:

    Thanks for the post!

    With this post, I can fix the problem

  13. mitchpowell says:

    I have Yoast free version, and it wasn’t writing the og:image to my head, no matter what. I finally just created a new header.php in my child theme folder and hard-coded the meta tag there. Now it works okay when I go to the FB debugger tool.

    I just had to wonder why every place I looked on the web for why it wasn’t doing it, I couldn’t find an answer. Here in these comments is where I come closest to finding others with a similar problem. All I can think of is that a different plugin may be conflicting with Yoast. (I’m using the now-no-longer-supported-by-Facebook “Official Facebook Plugin for WordPress”, and I think that might be the one. Unfortunately, I don’t know enough about GitHub to get any help from the people there who are working with this plugin.)

    Anyway, hard-coding it into the header.php was the answer for me. HTH :D

    • WPBeginner Support says:

      Since Facebook official plugin for WordPress is no longer supported, you should stop using it on your site. This could lead to potential security vulnerabilities.

    • "hard-coded the meta tag" says:

      Can you provide the code to add to the header.php for the featured image to be used in the facebook share thanks!

  14. shehzan says:

    And also, yoast seo plugin has social sharing setting at the bottom of the post edit page. u can always overwrite what facebooks displays for your post inside of facebook. when OGP tags are set, u can always use yoast settings to show the image and description of your choice.

    just tried these options and all work…

    Hope this helps :)

    • Overwriting the image url doesn't work says:

      Thanks for the suggestion Shehzan but I have tried telling the plugin which image to grab by putting it’s url in the FB social tab box… doesn’t work. No one can get it to work no matter what we try. Frustrating/

      • shehzan says:

        Hello, can you provide your website’s url. I might be able to help you once i see the site. I had tried many a things and finally this method of deleting facebook’s cache with teh debuger tool and then implementing the yoast thing worked well for me. I hope to help you. and dont get frustrated. there is always a way. thanks and good luck :)

  15. shehzan says:

    hello guys,

    I encountered the same issue with the images on my site. however, i tried many a things and finally found the solution. i hope this works for you as it did for me.

    I have found the facebook’s cache keeps a copy of the tags and data it uses from your posts. if you are able to see a thumbnail of any of the images from your posts on facebook the way you want, you can try discarding your facebook cache for the url in question.

    One of my post was successfully posted on FB when i shared it, however, others had this issue and i did not get the best images to share on social media. sometimes the image was missing or the meta data was blank.

    i think it is mostly FB cache issue. you cantry installing the yoast seo plugin or some other pluggin which provides functionality of OGP tags. when this is done, simply test and try to share the post. if the thumbnails are missing, try to flush the FB cache utilizing this link – developers.facebook.com/tools/debug.

    once this is done, try hsaring once more. I am sure you would be successful. it took me around 4 hours to get to this point to get the job done.

    The key here is that at least one of the post’s image should work as expected. and set the image as featured. rest is all trial and error that will hopefully solve the problem.

    thanks. : )

  16. Nisa Alfarizi says:

    Good morning, my name is Nisa. I am from Indonesia. After reading above tutorial I still do not understand why I did not post pictures appear when sharing on facebook. This is one example of my articles.
    Pictures show:
    Pictures and links do not appear:
    Open graph:

    Is there a problem with my wordpress plugin, I use Yoast SEO plugin and Jetpack. Thank you for your help.

  17. Marge Burkell says:

    I use your site ALL the time to help understand and make my WP site better! So thanks for that!

    That said this is not working for me either! I think the problem is that my posts are very image heavy and WP is setting a lot of OG:Image tags in the post header?

    So I used Yoast SEO on my latest post to set the FB and Twitter images as suggested but it’s still picking up the incorrect pics from the post. Doing some research it seems others are saying that when there are a lot of OG:Images designated that this isn’t working. Grrrr.

    So I used the FB debug tool and it shows at the bottom of the page that it is going to show the CORRECT image BUT it’s still not doing that! Grrr…

    …so any ideas? I am finding that anywhere OGP is scraping for content this is happening, like in my Content Cards plugin! I can use that tool for including other sites into curated posts BUT it’s not working for my OWN posts because it is selecting the last (my signature) image instead of the first, title image of any post! I do NOT use featured images simply because I display text before my large image just before my more tag and that’s not an option with featured image. It’s also not an option in my theme to turn the featured image off. I have never found a way that I can use a featured image without it screwing up how my posts look listed on a page with a double image so I simply don’t use them. If you know of a workaround I would love to hear it!

    Thanks for all your help!
    Your website is the bomb!
    ~Marge Burkell

  18. Alexander Ang says:

    Hi thanks for the sharing… When I tried on the debug tool that you shared with us in the article,

    It came out with this message:
    The ‘og:type’ property is required, but not present.

    What does that mean? Does anyone have this issue?

    Thank you for your sharing once again. Appreciate that!

    Regards,
    Alexander Ang

  19. Gary Lister says:

    Used FB Debugger. FB absolutely refuses to recognize the og:image from the meta information. I’ve been troubleshooting this for about 6 hours. I’ve tried editing code in the function.php and header.php with no luck, I’ve tried various plugins as well. Nothing works. When I use the FB Debugger, I get no errors, it sees all of the meta properties correctly, and builds the post with all of the parts EXCEPT the thumbnail image. Don’t know what else to do.

  20. N_Thirty says:

    I am using the plug in but all of a sunday today it wasnt sharing the posts the same way. i have put in the images and write up that i want but for some reason it just shares its own thing. is there a reason for this.

  21. Kaileen says:

    Hey guys, I must be doing something wrong. I’ve read through the entire thread and tried everything. The thumbnail image used to work but I’ve updated my site and now nothing. Please help!

    Thanks!!!

  22. Candy says:

    Since I found your blog I have been able to fix all my issues when working on WordPress. Im a self-taught so sometimes I got stucked on details and you have been my best help ever! Thanks so much for sharing the knowledge!

  23. Cliff Rohde says:

    This function kind of blew up for me when I switched from All-in-one-SEO to Yoast. I also use Super WP Cache and Cloudflare, but even after clearing all caches, I can get Facebook to recognize set as OG:image, but not display it. Very frustrating.

  24. Mohit Chauhan says:

    None of the method is working for me :(

  25. Chicon says:

    Resizing the featured image is to be the biggest image on the page combined with the Facebook debugger did the trick

  26. Karin says:

    I’m having the same problem as Riki. I added to my head which worked for the home page but it took over all my posts too… so when I posted an article i brought in that main picture from my homepage as well. No good. Any suggestions?

  27. Katie Limberg says:

    Hello,

    I am struggling and can’t seem to find what’s wrong. I use the Facebook debugger and this is what I get.
    Error: parsing input URL, no data cached, or no data was scraped

    I am new to most of this and don’t understand html very well.

    I just want to be able to share my website links on Facebook. If someone could give me some insight that would be great.

  28. riki says:

    Do you have any tips if its not pulling up the correct image for your website itself. I would expect FB to use my home page image but it only uses part of my homepage image. How can I fix this?

  29. mhfrancois52 says:

    Facebook debug made it happen :)

  30. Arthur Gopak says:

    Thanks a lot for the great article!
    I was wondering if anyone of you, guys, have used the plugin and how fast do the social sharing changes take place?

  31. Rehman Ali says:

    Really Nice post. i was facing the same issue but after read this post my problem is solved. I will share this info on my Blog.

  32. WPBeginner Staff says:

    These instructions are for the free version. Seems like you have not set up WordPress SEO correctly. To enable the social tab, log in to admin area and then in the admin menu bar click on SEO -> Social. Make sure to check the box next to Add Open Graph meta data.

  33. karen ratte says:

    Is this the FREE or the paid version of WordPress SEO by Yoast. Because I do not have a SOCIAL tab.

Add a Comment

We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.