In this article, we will explain how to customize the preview of your website articles when shared on Facebook


1. Introduction

First of all, you need to have Yoast SEO plugin installed on your website. If you do not, you shall consider installing it because of its multiple useful features.


2. Setup the Preview for Your Page

Please follow these steps:

  1. In the main left-hand menu go to Pages > All pages
  2. Click edit on the page whose preview needs to be updated
  3. Scroll down towards the bottom of the page to find Yoast SEO settings
  4. Click on the Social icon and add title, description and preview image that you would like to be displayed on Facebook.


Note

The image should be in 1200 x 628 PNG format


3. Publish your Link

Now you can go to your Facebook page and after clicking on +Create from your publishing tools, right-click and paste the link of the article that you would like to post. If you still do not see the right preview go to the next step.


4. Still Cannot See the Correct Preview?

That is due to the fact that Facebook stores some content in its cache. Therefore, you need to clear it and refresh its content. To do so, follow these steps:

  1. Go to: https://developers.facebook.com/tools/debug/sharing/
  2. Paste the link that you would like to post
  3. Click Debug and you will see the content of your page that Facebook has stored 
  4. If the content does not match the one you set in Yoast SEO then click Scrape Again to refresh the cache. Now your post should be displaying correctly.