When you share a link to Facebook, you usually get a thumbnail image to accompany it. How do you get the same for your website, and how can you choose which image gets picked as the thumbnail for the share preview? Read on to find out.
The right image size
First things first, you need to make sure that the image you want as the share preview thumbnail to be the right size. That size is 1200 x 630 pixels (source) – that’s 1200px wide and 630px tall.
Tip for Canva users: Create your design with custom dimensions so you can enter those magic numbers above.
Should I create an image just for Facebook’s share thumbnail?
My suggestion is yes, especially if you want maximum engagement. Here at ClickWP, we re-use this same size for our post cover images.
Getting Facebook to show the correct image
There are several ways to tell Facebook which image to use as the link thumbnail. The easiest is with Yoast SEO.
Yoast SEO plugin
Yes, it’s a SEO plugin but it also optimizes your site for social media – we highly recommend this plugin! In this section, we’re assuming that you have the Yoast SEO plugin activated on your site.
Now, set a Featured Image for your post or page. That image will automatically be declared as the Facebook link thumbnail. Easy peasy 👌🏼
If you want different images for your post cover image and Facebook link thumbnail, you can set it in the Yoast SEO social settings (screenshot above).
Next, head on over to Settings → Social → Facebook and choose an image for the Image URL settings. This determines the default Facebook link thumbnail if none is set on your posts. There may also be a section for Frontpage settings. Fill in the details and choose an image.
Don’t worry if you don’t see the Frontpage settings section – it simply means that your website has a static front page. If this is the case, just set the image for the link preview for the homepage by following the Featured Image steps above.
Easy Fix – If you find the SEO plugins too complicated, here’s a method with zero settings: Install and activate the Thumb Fixer for Facebook plugin. That’s it. Now the Featured Image will be the Facebook link preview thumbnail.
Social Plugins – Some premium social plugins have the feature of declaring which image to use as the Facebook share preview too. If you have Social Warfare Pro, Easy Social Share Buttons or Social Pug, simply set a Featured Image and you’re done. Mashshare is a free option – just remember to activate the Open Graph Meta Tags option.
Facebook is still showing the old preview thumbnail
Facebook might continue showing the old link thumbnail even after all the steps above. If that’s the case, you’ll need to tell Facebook to check your site for the new image.
The plain English guide to Yoast SEO: Essential setup and basic use – Our guide explaining how to optimize your content with Yoast SEO
Sometimes the Facebook preview thumbnail doesn’t turn out right. Here’s how to fix Facebook broken link previews.
An important step in all of the methods above is to set a Featured Image. Learn more about Featured Images.
Everything You Need to Know: Open Graph, Twitter Cards & Rich Pins – For an explanation of how Facebook determines which image to display as the link thumbnail.