How to set custom Facebook OpenGraph tags

Yoast SEO includes the option to set custom Facebook images, titles, and descriptions on a page-by-page basis. In this article, we’ll explain how to set custom Facebook OpenGraph tags for your homepage.

In Yoast SEO Premium, you get full control of your Facebook and X shares! There is no guesswork with the social preview feature. By seeing exactly what your posts look like when you share them, you get the chance to improve your social media presence.

Check your WordPress homepage type

Setting custom Facebook OpenGraph tags depends on the homepage type of your WordPress site. WordPress has two options for your homepage: Your latest posts or Static. You can check your WordPress site’s homepage type by following the steps in this article about WordPress homepage types.

Homepage displays your latest posts

If your homepage displays your latest posts, you can follow these steps to set custom Facebook OpenGraph tags:

1. Log in to your WordPress website
   When you’re logged in, you will be in your Dashboard.
   
2. Click on Yoast SEO
   On the left-hand side, click on Yoast SEO. The Yoast SEO settings will expand, providing you with additional options.

3. Click on Settings
In the menu that expands, click Settings.

4. Under Content types, click Homepage
In the Yoast SEO Settings menu, under Content types, open the Homepage settings.

5. Use the Social appearance settings section to add an image, title, and description.
The Social title is already pre-filled with the variable Site title. If someone shares your homepage on social media, your site title will appear. You can also edit this pre-filled title.

6. Click Save Changes

Static homepage

If you have a static homepage for your WordPress site, you can set a custom image, title, and description for each post, page (including the static front and blog pages) or taxonomy.

There are a number of filters documented in the plugin code for developers to programmatically change OpenGraph output. Here are some examples.