How To Add Open Graph Meta Tags To WordPress

Open Graph meta tags help control how your website's content appears when someone shares a link on social media. They provide information such as the page title, description, featured image and URL, allowing supported platforms to display a more informative link preview.

If you run a WordPress website, adding Open Graph meta tags can help your articles and pages display the correct information when shared on platforms such as Facebook, LinkedIn and WhatsApp. Without these tags, social platforms may select a title, description or image automatically, which might not be the information you want visitors to see.

You can add Open Graph meta tags to WordPress using an SEO plugin. This guide explains how to enable the feature, customise your social sharing information and check whether the tags are working correctly.

What Are Open Graph Meta Tags?

Open Graph meta tags are HTML metadata properties that describe a webpage when it is shared on social media platforms and other services that support the Open Graph Protocol.

The protocol was originally introduced by Facebook to help websites provide structured information about their content.

Some important Open Graph properties include:

• og:title: Specifies the title displayed in the shared link preview.
• og:description: Provides a short description of the webpage.
• og:image: Specifies the image displayed when the link is shared.
• og:url: Defines the canonical URL of the webpage.
• og:type: Identifies the type of content, such as a website or article.
• og:site_name: Specifies the name of the website.

These properties help social platforms understand which information to use when generating a link preview.

How To Add Open Graph Meta Tags To WordPress Using Yoast SEO

One of the easiest ways to add Open Graph meta tags to WordPress is by using the Yoast SEO plugin. It can generate the necessary metadata without requiring you to edit your theme files or write code.

Follow these steps:

1. Log in to your WordPress dashboard.
2. Navigate to Plugins and select Add New Plugin.
3. Search for Yoast SEO.
4. Click Install Now and activate the plugin.
5. Open the Yoast SEO settings from your WordPress dashboard.
6. Find the social sharing or Open Graph settings.
7. Enable Open Graph metadata if the option is available.
8. Save your changes.

Yoast SEO versions may organise these settings differently, so check the plugin's current settings if the menu names do not match.

After enabling the feature, Yoast SEO can generate Open Graph metadata for your website.

How To Set Open Graph Titles, Descriptions and Images

Enabling Open Graph metadata is only part of the process. You should also make sure your pages have appropriate titles, descriptions and images.

To configure the information for an individual post:

1. Open the post you want to edit in WordPress.
2. Find the Yoast SEO panel in the post editor.
3. Open the social appearance settings.
4. Select the Facebook preview or social appearance section.
5. Enter the title you want displayed when the post is shared.
6. Add a suitable description.
7. Upload or select an image for the social media preview.
8. Update or publish the post.

The available controls can vary depending on your Yoast SEO version and subscription.

If you leave the social-specific fields empty, Yoast SEO may use other available SEO information, such as your SEO title, meta description and featured image, as fallbacks.

How To Check If Open Graph Meta Tags Are Working

After adding Open Graph meta tags to your WordPress website, you should check whether they are appearing correctly.

You can do this by inspecting your webpage's HTML source or using Meta's Sharing Debugger.

Follow these steps:

1. Open the webpage you want to test.
2. Copy its URL.
3. Open Meta's Sharing Debugger.
4. Paste your webpage URL into the input field.
5. Click Debug.
6. Review the information displayed for the webpage.

The tool can show the Open Graph information detected on your page, including its title, description and image. It can also help identify problems with the information being retrieved.

If you recently changed your Open Graph metadata, use the Scrape Again option to request an updated version of the page information.

Keep in mind that social platforms may cache previously retrieved link previews, so changes might not appear immediately everywhere.

Common Open Graph Meta Tags Mistakes to Avoid

When adding Open Graph meta tags to WordPress, avoid these mistakes:

• Using the wrong image: Choose an image that accurately represents the content you are sharing.
• Leaving the description empty: Provide a useful description that tells people what the webpage contains.
• Using incorrect URLs: Make sure the og:url value points to the correct canonical webpage URL.
• Adding duplicate tags: Avoid using multiple plugins that generate the same Open Graph properties.
• Ignoring image dimensions: Use an appropriately sized image. An image measuring 1200 × 630 pixels is a commonly recommended format for social sharing.
• Not testing your changes: Check your webpage with a sharing debugger after configuring the metadata.

Following these practices helps ensure that your website provides accurate information when its links are shared.

Frequently Asked Questions (FAQs)

1. What Are Open Graph Meta Tags Used For?

Open Graph meta tags tell social media platforms which title, description, image and URL to use when displaying a shared webpage.

2. Do Open Graph Meta Tags Improve SEO?

Open Graph meta tags are not a direct Google ranking factor. However, they help control how shared links appear on social media, making your content easier to recognise and potentially encouraging more clicks.

3. Can I Add Open Graph Meta Tags Without a Plugin?

Yes. Open Graph meta tags can be added manually to a website, but using an SEO plugin is an easier option for WordPress users who do not want to handle code.

4. Do Open Graph Meta Tags Work on All WordPress Themes?

Yes. Open Graph meta tags are compatible with all WordPress themes. They help social media platforms display the correct titles, descriptions and images when visitors share your website's content.

Share this

Share on FacebookPlus on Google+