How to set custom Facebook Open Graph tags

Yoast SEO includes the option to set custom Facebook images, titles and descriptions on a page by page basis.

In this article

Related Articles

Homepage

WordPress has two options for your homepage: Your latest posts or static. Setting custom Open Graph tags will depend on which option you selected.

Check Homepage Type

  1. Log in to your WordPress website.
    When you’re logged in, you will be in your ‘Dashboard’.
  2. Click on ‘Settings’.
    On the left-hand side, you will see a menu. In that menu, click on ‘Settings’.
  3. Click on ‘Reading’.
    The ‘Settings’ menu will expand providing you additional options. Click on ‘Reading’.
    wordpress_settings_reading
  4. The first option is ‘Your homepage displays’. 
    If ‘Your latest posts’ is selected, follow the steps here.
    If ‘A static page’ is selected, follow the steps here.
    Admin Settings Reading Your homepage displays

Homepage Displays Your Latest Posts

  1. Log in to your WordPress website.
    When you’re logged in, you will be in your ‘Dashboard’.
  2. Click on ‘SEO’.
    On the left-hand side, you will see a menu. In that menu, click on ‘SEO’.
  3. Click on ‘Social’.
    The ‘SEO’ settings will expand providing you additional options. Click on ‘Social’.
    Admin SEO Social
  4. Click on the Facebook tab.

  5. Enter a custom image, title and description under Frontpage settings.

  6. Click ‘Save Changes’.

Posts, Pages and other Taxonomies

The social tab of the meta box allows you to set a custom image, title and description on each post, page (including the static front and blog pages) or taxonomy.

  1. Edit the post or page.

  2. Click on the ‘Share’ icon in the Yoast metabox sidebar

  3. Click on the ‘Facebook’ tab in the Yoast metabox

  4. Set a custom image, title and description

    Yoast SEO Metabox : Social Tab - Facebook

Preview

One of the Yoast SEO for WordPress Premium features is the ability to see what your post will look like when sharing on Facebook.

Yoast SEO Metabox : Social Tab - Facebook preview

Developer code

The following information is written for advanced users and developers.

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

Was this article helpful? ·