Why doesn’t Facebook display an image?
There are multiple reasons why Facebook or other social media platforms may not display the image you selected. Facebook, as well as many other social media platforms, uses custom metadata called OpenGraph. Read more about that in this article on social media optimization.
OK, so what could be the problem when Facebook doesn’t display the image you selected? And how can you solve it? Let’s first ask yourself the following questions:
- Did you enable Open Graph tags? Make sure you do, by following the steps in this article.
- Does the Facebook debug tool provide any errors about your image? If so, try to fix these errors. Read more about how to use this tool in this article.
- Does the image meet the Open Graph image recommendations? Is the image too small? Too large? In portrait orientation?
The minimum width and height is 200 x 200 pixels while the maximum width and height we recommend is 2000 x 1600 pixels, and is less than 2mb in size. You can learn more about advanced image techniques here.
Sometimes caching is the problem. Try clearing all your caching such as from your server, theme, plugin, or CDN like Cloudflare. If you are not sure how to do that, please contact the right people such as the plugin author or host provider.
The Social tab in Yoast SEO
If you use Yoast SEO, you can manually set an Open Graph image for individual posts and pages. You can do that in Social tab of the Yoast SEO meta box, which can be found below your content (see image). You might need to force Facebook to refresh the metadata.
Social previews in Yoast SEO Premium
Yoast SEO Premium makes it even easier to optimize your Facebook image, as it comes with social previews for Facebook and Twitter. The Facebook preview visualizes what your post will look like when shared on Facebook. It’s immediately clear if your image fits and whether your title and description will display well.