Facebook’s Open Graph​ meta tags

Open Graph is Facebook’s new protocol which allows 3rd party websites and webapps to connect user activity on-site with user activity on Facebook.

Related Articles

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 ‘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’.

  4. Click on the ‘Facebook’ tab.

  5. Toggle the ‘Add Open Graph meta data’ switch. 

    To enable the feature, toggle the switch to ‘On’.
    To disable the feature, toggle the switch to ‘Off’.

  6. Customize your Open Graph tags.

    Customize your Open Graph tags by adding a default image for pages without images. If you have a non-static homepage, you can set the homepage Open Graph tags here, as well.

  7. Click ‘Save Changes’.

How to edit Open Graph tags on your post/page?

You can edit the Open Graph tags by going to the Yoast SEO Metabox, clicking on the share icon, and then entering in your custom Facebook and Meta Descriptions. You can also upload a unique image for Facebook as well.

What are those article and time meta tags?

When you enable OpenGraph, Yoast will output some specific meta tags below

<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" />

These tags are used by Facebook.

Note: If you are seeing dates in search engine it is coming from elsewhere. Please use this guide: Dates Appearing in Search Results.