How To Set Facebook Thumbnail Image When Posting Your Link

Set Facebook Thumbnail Image.png

Have you ever tried sharing your link on Facebook but the thumbnail displayed is the featured image of your post?

I did! And not knowing how to fix it is annoying. I love sharing my blog with everyone. Of course, it's not always that I share the link of my post.

Previous Facebook thumbnail image
Previous Facebook thumbnail image

Honestly, I didn't really have an idea why. It was only last week when I found out about it.

How To Set Facebook Thumbnail Image?

I'm not sure if it is same with other platforms, I'm using WordPress so I've only tried it in WordPress.

Yoast SEO - Social Settings
Yoast SEO - Social Settings
  1. Using Yoast SEO, navigate to Social settings.
  2. Click Facebook tab.
  3. Enable Add Open Graph meta data. (Open Graph meta data is best explained here)
  4. In the Frontpage settings section, upload the image that you want as your thumbnail image, input the title and description. You may simply click the Copy home meta description button.
  5. I recommend that you upload an image too in the Default settings section.
  6. Click Save Changes. 

And now you're all set! In some cases, the changes are not reflected as soon as you save it. But don't worry, you can still do something about it!

 

Use Facebook debugger tool

  1. Go to Open Graph Debugger.
  2. You need to login first. Login to your Facebook account.
  3. When redirected to the debugger tool, input the URL of your blog in the text box.
  4. Click Debug.
  5. You will see a link preview afterwards.
  6. Lastly, click Scrape Again to fetch new scrape information.
Facebook Open Graph debugger
Facebook Open Graph debugger

Now, your link in Facebook will display the correct image! Here's what my link preview finally looks like:

Did you update your settings already? If you know any tips on how to set Facebook thumbnail image when posting your link, please comment below!

BloggingKaren Roldan