How to add Facebook’s Open Graph​ meta tags

As of Yoast SEO 20.0, the settings interface inside our plugins has received a major overhaul. Please update to the latest version of Yoast SEO if your plugin does not look like the screenshots you encounter in our Help center.

Facebook’s Open Graph metadata allows users to share web pages on Facebook. If you add Open Graph meta tags to your posts and pages, Facebook will display a preview with images and an excerpt when someone shares a link to your site. In this article, we’ll explore how to add Open Graph meta tags to your site.

In Yoast SEO Premium, you get full control of your Facebook and Twitter 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.

How to add Open Graph meta tags with Yoast SEO

The Yoast SEO plugin makes it very easy to add Facebook’s Open Graph meta tags. This feature is enabled by default.

  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, you will see a menu. In that menu, click on “Yoast SEO”.
    Screenshot of the "Yoast SEO" menu item.

  3. Click on “Settings”.

    The “Yoast SEO” menu item will expand, providing you with additional options. Click on “Settings”.
    Screenshot of the settings menu item in Yoast SEO

  4. On the “Site features” page, scroll down to the “Social sharing” heading.

    You’ll automatically be on the “Site features” settings page. On this page, scroll down to the heading called “Social sharing”. Screenshot of the "Social sharing" heading in the "Site features" settings in Yoast SEO.

  5. Toggle the “Enable feature” switch below “Open Graph data”. 

    You can enable or disable the feature using the toggle.
    Screenshot of the social sharing settings in Yoast SEO, highlighting the toggle to enable Open Graph metadata.

  6. Click “Save changes”

How to edit OpenGraph tags on your post/page

If you want to edit the OpenGraph tags on your post or page, follow the steps in this article on how to set custom Facebook OpenGraph tags.

What are those article and time meta tags?

When you enable OpenGraph, Yoast will output some specific meta tags below. Facebook uses these tags.

<meta property="article:published_time" content="date_time_goes_here" />
<meta property="article:modified_time" content="date_time_goes_here" />
<meta property="og:updated_time" content="date_time_goes_here" />

Note: If you are seeing dates in search engines, it is coming from elsewhere. Please use this guide: Date appears in search results.

Related articles

Get free SEO tips!