preloader

Open Graph WordPress Plugin – What It Does & How to Set It Up | WPWizzy

Open Graph plugins for WordPress add og: meta tags to your pages so that when links are shared on social media, they display with a proper title, description, and image rather than blank or incorrect previews.

What is Open Graph plugin?

Open Graph is a protocol developed by Facebook that defines how web pages should present themselves when shared on social platforms. When you share a URL on Facebook, Twitter, LinkedIn, or WhatsApp, those platforms read Open Graph meta tags from the page to determine what title, description, and image to display in the link preview.

Without Open Graph tags, social platforms make their own guesses about what to show — often pulling the wrong image, using the first paragraph as a description, or displaying nothing useful at all. Open Graph tags give you control over exactly what appears when your content is shared.

Most major WordPress SEO plugins — Rank Math, Yoast SEO, and All in One SEO — include Open Graph tag generation as part of their feature set. A dedicated Open Graph plugin is only needed if you are not using an SEO plugin. The tags themselves are straightforward: og:title, og:description, og:image, og:url, and og:type are the core set that all platforms read.

Need Help With Open Graph Setup, Troubleshooting, or Customization?

Need help with Open Graph? Whether you are dealing with errors, broken functionality, styling problems, plugin conflicts, or advanced customization, we can help you fix the issue and get the plugin working properly on your WordPress site.

Get Open Graph Expert Help

Key Features

  • Adds og:title, og:description, og:image, og:url to WordPress pages
  • Twitter Card meta tags for Twitter link previews
  • Facebook App ID support
  • Per-post custom image and description overrides
  • Default fallback image for pages without featured images

Pros & Cons

Pros

  • Fixes blank or incorrect social media link previews
  • Default fallback image ensures all shared links have an image
  • Simple setup with minimal configuration

Cons

  • Unnecessary if you already use Rank Math, Yoast, or another SEO plugin that includes Open Graph
  • Running two Open Graph generators simultaneously outputs duplicate tags

Free vs Premium

Open Graph functionality is available in free plugins and is also included in free versions of major SEO plugins like Rank Math and Yoast SEO. There is no meaningful paid tier for basic Open Graph tag generation.

Common Problems & Fixes

My shared links on Facebook still show the wrong image after adding Open Graph tags.

Facebook caches Open Graph data aggressively. After changing Open Graph settings or fixing tags, use the Facebook Sharing Debugger at developers.facebook.com/tools/debug to force Facebook to re-scrape your page. Paste the URL, click Debug, then click Scrape Again. Facebook will fetch the current Open Graph tags and update its cache. Changes may not appear in existing shares, but new shares will use the updated data.

My page has duplicate Open Graph tags showing in the source.

Duplicate og: tags happen when two plugins are both generating Open Graph output. This is the most common Open Graph problem on WordPress sites. Check whether your SEO plugin (Rank Math, Yoast, All in One SEO) has Open Graph enabled. If it does, disable the dedicated Open Graph plugin or disable Open Graph output in one of the two plugins. Most SEO plugins have an option to disable their Open Graph output under their social settings.

My og:image is set but social platforms are showing a different image.

Social platforms have minimum image size requirements for link previews. Facebook requires images of at least 1200 x 630 pixels for best results. Images smaller than 600 x 315 pixels may be ignored entirely and replaced with a platform-chosen image. Verify that your og:image URL points to a large enough image file. Also check that the image URL is publicly accessible — images behind authentication or in staging environments that block public access will not be fetched by social crawlers.

Customization & Developer Notes

How do I set a custom Open Graph image for a specific post different from the featured image?

Most Open Graph plugins and SEO plugins with Open Graph support add a social sharing section to the post editing screen. In Rank Math, this is under the Social tab in the Rank Math meta box below the post editor. In Yoast SEO, it is under the Social tab in the Yoast meta box. Upload or select a custom image in this section and it will be used as the og:image for that specific post, overriding the featured image fallback.

Should I use a dedicated Open Graph plugin or the Open Graph features in my SEO plugin?

Use your SEO plugin if you already have Rank Math, Yoast, or All in One SEO — they all include Open Graph tag generation as part of their standard feature set. There is no benefit to running a separate Open Graph plugin alongside a full SEO plugin, and it creates duplicate tag conflicts. Only install a dedicated Open Graph plugin if you are deliberately not using an SEO plugin and need Open Graph tags without any other SEO features.

Frequently Asked Questions

What is the difference between Open Graph and Twitter Cards?

Open Graph tags (og:) control link previews on Facebook, LinkedIn, WhatsApp, and most other platforms. Twitter Cards (twitter:) control link previews specifically on Twitter/X. The two systems are similar but separate — Twitter reads its own twitter: tags but also falls back to og: tags if twitter: tags are absent. Most WordPress plugins handle both simultaneously. For practical purposes, if your og: tags are correct, Twitter will typically display acceptable previews even without explicit twitter: tags.

Do Open Graph tags affect SEO rankings?

Open Graph tags do not directly affect search engine rankings. Google does not use og: tags as a ranking signal. Open Graph improves social sharing presentation, which can increase click-through rates on shared links, which can drive more traffic. The indirect SEO benefit is the traffic that comes from better-looking social shares, not any direct ranking signal from the tags themselves.

Why does WhatsApp show a different preview than Facebook for the same link?

Different platforms cache Open Graph data independently and have different image size requirements and rendering approaches. WhatsApp reads og: tags but may display them differently from Facebook due to its own rendering constraints. LinkedIn has its own post inspector tool at linkedin.com/post-inspector for debugging LinkedIn-specific preview issues. If a platform consistently shows wrong data, use that platform’s own debugging tool to force a re-fetch of the current tags.

What image size should I use for Open Graph images?

The standard recommended size is 1200 x 630 pixels with a 1.91:1 aspect ratio. This size displays well on Facebook, LinkedIn, and Twitter. Images should be JPEG or PNG format and under 8MB. For sites where social sharing is important, set a default Open Graph image at this size and ensure each post’s featured image or custom social image also meets this specification.

Need Help With WordPress SEO or Social Sharing?

Find a vetted WordPress developer on Codeable. From Open Graph setup to full SEO configuration and social media integration.
Get a Free Estimate

Ready to hire your WordPress developer?

WPWizzy connects you with vetted freelance WordPress developers from the Codeable network — the top 2% of WordPress experts worldwide, , you can get a free no-obligation project estimate before hiring. Every developer is carefully screened, backed by Codeable’s satisfaction guarantee, and rated by real clients based on completed WordPress projects.

Pick one option and we’ll take you to the right next step.

After submitting your request, up to three WordPress developers may review your project and ask a few questions to better understand the issue.
This step helps us define the scope of work and provide an accurate estimate. Most projects receive a response within 24 hours.
Providing a few key details about your website or the problem will help us respond faster. There is no obligation to proceed with the project.