How to fix the incorrect Facebook thumbnail issue in WordPress

When you, or your users, share one of your posts in Facebook it is accompanied by a thumbnail image. The thumbnail is automatically retrieved by Facebook when a URL is pasted into the site, however, sometimes the correct image is not picked up.

One of the most common reasons for this issue is that there are  multiple images configured with the og:image tag that Facebook examines to identify the correct thumbnail to use. If your featured image is smaller than rest of the images tagged, it will not be selected.

Facebook OpenGraph tags can be allocated by a range of plugins – for example, an SEO plugin such as Yoast SEO automatically adds OpenGraph tags to posts and pages.

If you are using this plugin, then you can easily set a specific thumbnail image for Facebook.

While editing your post, scroll down to the Yoast SEO meta box near the bottom of the page and select the Social tab. You’ll see a button to upload a specific thumbnail image for Facebook.

Yoast SEO

Upload your desired image and the issue will be resolved. Alternatively, use the Facebook Debug Tool to troubleshoot the issue.

Sharing Debugger

Enter your site’s URL in the Sharing Debugger tab to identify any configuration issues. The most common error looks like the following:

Provided og:image is not big enough. Please use an image that’s at least 200×200 px. Image ‘http://mysite.com/uploads/2016/08/the-image.jpg’; will be used instead.

Pressing the debug button a second time on the same URL makes this error disappear.

For further questions, or if you need help, please open a support ticket from your HostPapa Dashboard. Follow this link to learn how.

Was this article helpful?

Related Articles

Leave A Comment?