Set the Image that Displays When Your Website is Shared on Social Media
USE THE FEATURED IMAGE SETTING
The first thing you want to do is make sure all of your blog posts and pages have a Featured Image set. Especially if there’s something specific you’d like displayed when your post is shared.
For example, here at Coded Creative, we want to make sure our blog posts look great when they’re shared on Twitter so our featured images for blog posts are sized at 1024×512 and look like this:
To set your Featured Image, scroll down in your page or post underneath the Publish button. There you’ll see a link that says Set featured image. Clicking it will bring you to your media library where you can either upload something new or choose an image you already have on your website.
SET YOUR DEFAULT IMAGE
The next thing you’ll want to do is set the default image that is shared if you don’t have a featured image set and there aren’t any other images on a specific page for social media sites to pull from. Out favorite way to do this is with the Yoast SEO plugin.
After installing Yoast SEO, go to SEO > Social > Facebook to get started. Since Facebook tends to be the trickiest platform to make cooperate, it’s a good place to start.
From there, make sure Add Open Graph meta data is enabled. That way, social media networks can see that data and know what to use when your website is being shared.
Then, head to the Frontpage settings section. These settings are used as defaults when the front page of your site is shared. Be sure to set an image that gives a good idea of what your brand is all about, use the name of your business for the Title, and your tagline for the Description.
And the last thing you want to do for Facebook is set the default image URL. That way, if you ever have a post or page without an image, there will be an on-brand image that is shared by default to go along with it.
To make sure your posts look like ours when they’re shared on Twitter, there are a couple extra quick steps to follow. Go to SEO > Social > Twitter and make sure Add Twitter card meta data is enabled. That way, Twitter can read the information it needs to make attractive cards for your site.
You should also set the default card type to Summary with large image to make your posts as eye-catching as possible when they’re shared.
WHAT TO DO WHEN IT’S NOT WORKING
Sometimes you’ll find that, despite following the above steps, Facebook is still being stubborn and either showing a random image or nothing at all. That’s because, once your page is shared Facebook caches a version of it to use for the future and can be kinda lazy about getting fresh information.
To make Facebook grab new information for your post or page, head to the Sharing Debugger and enter the URL of the page that needs to be refreshed.
If you see that the image isn’t quite right, click the Scrape Again button refresh the information. Almost every time, this will do the trick!