How To Set The Image Thumbnail That Shows When Someone Shares Your Website Link On Social Media Tutorial by Pee Aye Creative

How To Set The Image Thumbnail That Shows When Someone Shares Your Website Link On Social Media

Nelson Miller Pee Aye Creative
In this Divi tutorial I will show you how to set the image that show sup when someone shares a link to your website on social media.

Join subscribers on our YouTube channel and enjoy other Divi video tutorials!

1. Using the featured image setting

One of the easiest ways to set an image for social media shares is to make sure that all of your posts and pages have a featured image. You should always be using a featured image on your Divi website, and it can be use for both social sharing and also for displaying like at the top of this blog post or on our main blog page. The featured image is the default image which will be shown by social media platforms like Facebook when somebody shares a specific post/page on their platform.

To set a featured image, click on edit on any given page/post from the WordPress Dashboard. Find the Featured image section on the right side and be sure you have one set for every page or post.

set the Divi page or post featured image to share on social media

If you are maing change, don’t forget to click on Publish after you are done.

Use An SEO Or Open Graph Plugin

Social media tools have a set of meta tags called open graph which decide what image to show when you share a post or a page on their network. By default, if you set a featured image to a page/post, that will be one shared. But if you want to use a different image, you need to use an SEO or Open Graph plugin.  These plugins take priority over the featured image. It might sound technical and difficult but it’s actually very simple. Open Graph meta data helps social media websites extract the meta data about your posts or pages. The content in the meta dat that it finds is what is used to control how your content appears when shared on social media platforms like Facebook and Twitter. 

set a social sharing image in Divi with an SEO plugin

To use Open Graph Meta data we would need a SEO plugin such as Yoast SEO, Rank Math, All In One SEO, or The SEO Framework. All of these plugins work well with Divi, so you can use any of them that you prefer or already have installed. For the purpose of this tutorial we are going to demonstrate using Yoast SEO.

Example Using Yoast SEO

Once you have installed and activated the Yoast SEO plugin, go to SEO>Social in the menu. There you can see tabs for a few social media platforms where you can confiture some settings. 

Start with the Facebook tab and make sure the Add Open Graph meta data toggle is Enabled. Then in the Default settings section you can set a default image that will show up by default when a page or post without any image is shared on Facebook.

yoast social sharing settings

You can also check the Twitter tab to configure the default settings. But these are just the default settings. The main place to remebmer to set the image is on the actual post or page.

When you go to any page or post, you will see a new set of tabs related to the SEO plugin like Readability, Scheme, and Social. The Social tab is what we need here. 

configure the social sharing settings in Yoast SEO for Divi

Notice how it had two toggles, one for Facebook preview and one for Twitter preview. Each of these open up and allow you to configure the social sharing image, title, and description that is used when someone shares your Divi website.

Yoast facebook share image for Divi websites 1
Yoast Twitter share image for Divi websites

Example With Open Graph Plugin

If you are not using an SEO plugin, then I recommend a simple little plugin called Open Graph (they actually recently changed the name to Open Graph and Twitter Card Tags). I have used this and it works well and they have all the features you need.

After you install the plugin, you can go directly to any page or post. If you want to browse the main settings, then you can check Settings>Open Graph and Twitter Card Tags. Pretty much everything there is good to go, but it’s nice to be aware of the options can can be adjusted.

At the bottom of any page/post you will see this box:

using Open Graph and Twitter Card Tags with Divi

You can choose a photo, and then notice what it says at the bottom about writign a custom description or leaving it blank to use the excerpt or content.

Now update the page or post to save the settings, and now all that’s left to do is to share your website on Facebook and check out the text and image being displayed there.

Image Not Showing? Debug That Thing!

If you already shared a page or post to Facebook, but either it isn’t showing the right preview image or you want to change the image, Facebook can be pretty stubborn, and it may be showing the wrong image or none at all. This is because their platform uses cache and it needs to be cleared in order to show the correct image from your website.

Thankfully Facebook make this easy with a tool called the you may need to use the Facebook sharing debugger. All you have to do is copy and paste the URL of the page or post inot the tool and click “Debug.” This will scan your page and look for fresh data, and so if you changed or added an image it will update it on the platform.

Check Out Our Super Cool Plugin!

Enjoy the hundreds of settings in the Divi Social Sharing Buttons Maker plugin, a beautiful new Divi module to add and customize social media sharing buttons and custom sharing options on any page, post, or Theme Builder template!

Divi Social Sharing Buttons Maker Plugin by Pee Aye Creative
Categories: Tutorials WordPress

Subscribe For More Things Like This!

At the start of each month, we send out a recap newsletter from the month before with family news, Divi news, our latest tutorials, and product news. Occasionally, if the news is too exciting to wait, we will send out another email separate from the monthly newsletter. That’s what you get when you subscribe, and of course you can unsubscribe if you are no longer interested!

Blog Post Optin

Please share this post!

Leave A Response!

By commenting you agree to our Blog & YouTube Comments Policy


  1. Heather

    I had to use the facebook debug before it would work. I’m not able to see an image when I’m trying to share the page on LinkedIn though.

  2. Jules

    Love the instructions and video, thank you. I have it working in Facebook after using the debugger. However, the Featured Image is NOT showing when I share the same URL via a SMS text message. Is this just a delay due to caching or is there some other steps I need to try to resolve this? Thank you for your help.

    • Hemant Gaba

      Hey Jules,

      I guess the featured image will not work while sending the message via mobile text as it doesn’t require the use of any internet so it will not load any open graph tag while doing that. Other than that I have checked the link on every social platform and everywhere it is working fine.

  3. Ron Ruvalcava

    How do I get the featured image of an individual post to show in the preview of an iMessage shared url?


Submit a Comment

Your email address will not be published. Required fields are marked *

Recent Posts


Your Cart