How to add Facebook's Open Graph​ meta tags (2024)

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.

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

Table of contents

  • How to add Open Graph meta tags with Yoast SEO
  • How to edit OpenGraph tags on your post/page
  • What are those article and time meta tags?

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”.
    How to add Facebook's Open Graph​ meta tags (1)

  3. Click on “Settings”.

    The “Yoast SEO” menu item will expand, providing you with additional options. Click on “Settings”.
    How to add Facebook's Open Graph​ meta tags (2)

  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”. How to add Facebook's Open Graph​ meta tags (3)

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

    You can enable or disable the feature using the toggle.
    How to add Facebook's Open Graph​ meta tags (4)

  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

How to add Facebook's Open Graph​ meta tags (6)

Get Yoast SEO Premium

Drivemore trafficto your site. Use AI to save time doing SEO tasks. Make SEO easier. And get24/7 support.

$99USD/ year (ex. VAT)

How to add Facebook's Open Graph​ meta tags (2024)
Top Articles
Latest Posts
Article information

Author: Kelle Weber

Last Updated:

Views: 5739

Rating: 4.2 / 5 (73 voted)

Reviews: 80% of readers found this page helpful

Author information

Name: Kelle Weber

Birthday: 2000-08-05

Address: 6796 Juan Square, Markfort, MN 58988

Phone: +8215934114615

Job: Hospitality Director

Hobby: tabletop games, Foreign language learning, Leather crafting, Horseback riding, Swimming, Knapping, Handball

Introduction: My name is Kelle Weber, I am a magnificent, enchanting, fair, joyous, light, determined, joyous person who loves writing and wants to share my knowledge and understanding with you.