Open Graph Meta Tags Missing — How to Detect and Fix the Problem

Missing Open Graph meta tags are the most common reason link previews look wrong on Facebook, LinkedIn, Discord, and Slack. The fix is usually quick once you know which tags are missing and why — but diagnosing the problem correctly is the first challenge.

This guide shows you how to check which tags are missing on any page, what's causing each type of missing tag, and the fastest fix for WordPress, Shopify, Squarespace, and plain HTML sites.

How to Check If Your Meta Tags Are Missing

Three ways to check — fastest to most thorough:

Method 1: Open Graph Checker (30 seconds)
Right-click your page in a browser, select "View Page Source," select all and copy, then paste into the Open Graph Checker. The tool shows every OG tag found or missing with a green/red indicator and gives actionable recommendations. You also see the actual Facebook and Twitter preview card so you can see what's wrong visually.

Method 2: View Page Source (2 minutes)
In your browser, right-click on the page and select "View Page Source." Use Ctrl+F (Cmd+F on Mac) to search for "og:" and "twitter:". If no results appear, the tags are entirely missing. If results appear, check that og:title, og:description, og:image, and og:url are all present.

Method 3: Browser DevTools (for developers)
Open Chrome DevTools (F12), go to the Elements tab, and expand the head element. Look for meta tags with property="og:..." attributes. This is the most reliable view because DevTools shows the actual rendered DOM — useful for catching cases where OG tags are added via JavaScript but may not be server-rendered.

The Most Commonly Missing OG Tags

After checking thousands of pages, these are the tags most frequently absent:

• og:image — The most commonly missing tag. Without it, Facebook, LinkedIn, and Discord show no image in the preview card — just text. Pages without an og:image get far fewer clicks when shared on social media.
• og:url — Often missing because developers don't realize it's required. Without og:url, some platforms use the current page URL (which may include tracking parameters or session IDs), while others show the wrong URL entirely.
• og:type — Defaults to "website" if omitted, which is usually fine. But articles, products, and profile pages should specify the correct type for best platform behavior.
• twitter:card — X/Twitter may not show any card preview at all without this tag, even if all OG tags are present. The most commonly missing Twitter-specific tag.
• og:site_name — Not required but commonly missing. Shows your brand name in Discord embeds and LinkedIn previews.

Sell Custom Apparel — We Handle Printing & Free Shipping

How to Fix Missing OG Tags on WordPress

With Yoast SEO: Go to SEO > Social in your WordPress admin. Enable Open Graph metadata for Facebook. Go to each post or page, open the Yoast panel, click Social, and verify the og:title, og:description, and og:image are set. The og:image must be explicitly uploaded in Yoast — it doesn't automatically use your featured image for OG unless you configure it in SEO > Social settings.

With Rank Math: Go to Rank Math > Titles & Meta > Global Meta and enable "Add Open Graph Meta." Check individual posts via Rank Math's Social panel to verify og:image is set.

Without a plugin (raw PHP): Add the OG tags directly to your theme's header.php file inside the head element. Generate the HTML using the Meta Tag Generator and paste the static tags for site-wide defaults. For per-post dynamic tags, you'll need PHP logic to pull the post title, excerpt, and featured image URL.

Common WordPress-specific issue: The og:image points to a thumbnail-sized image instead of the full-size social image. WordPress registers multiple image sizes — OG images should use a large size (at least 1200x630). Check which image size your plugin is using.

Fixes for Shopify, Squarespace & Plain HTML Sites

Shopify: Shopify auto-generates basic OG tags, but og:image comes from the product's first image. If the preview shows no image, check that the product has an image uploaded and that it's at least 200x200px. For a custom OG image, upload a social sharing image at Admin > Online Store > Preferences. For custom OG tags beyond what Shopify exposes natively, edit theme.liquid in your theme's code editor.

Squarespace: Go to Settings > Advanced > Code Injection (site-wide) or Page Settings > Advanced > Page Header Code Injection (per-page). Generate missing OG tags using the Meta Tag Generator and paste the HTML there. For og:image specifically, use the Social Image upload in the page settings' SEO tab.

Webflow: Open Page Settings for the affected page, click the Open Graph tab, and verify og:title, og:description, and og:image are all set. Missing tags in Webflow are almost always in the OG panel, not the main SEO panel.

Plain HTML: Open your HTML file, find the head element, and paste the generated meta tags directly. Generate them at the Meta Tag Generator — it outputs correctly formatted HTML for all required OG tags.

Verify Your Fix Works Before You Share

After adding or fixing OG tags, always verify before sharing the link. Social platforms cache previous versions of link previews, so if you share before verifying, you might see the old (broken) version in caches.

Verification workflow:

1. After publishing your changes, hard-refresh your page (Ctrl+Shift+R / Cmd+Shift+R)
2. Right-click and "View Page Source" — confirm the OG tags appear in the source HTML
3. Copy the full page source and paste into the Open Graph Checker
4. Confirm all required tags show as "found" — og:title, og:description, og:image, og:url, twitter:card
5. Check the Facebook preview card in the checker to see the visual result

If tags are missing from the source HTML but you've added them to your CMS or plugin settings: check if the template change was saved and published. Caching plugins sometimes serve the old version — clear your site's cache before re-checking.

If tags appear in page source but not in the checker's results: the tags may be in the body element instead of the head element. OG tags must be inside the head element to be read by social platform scrapers.

Frequently Asked Questions

Why do my OG tags show in page source but still not work on Facebook?

Facebook caches previous versions of link previews. If you recently added or changed your OG tags, Facebook may still be showing a cached version. You can force a refresh by pasting your URL into the Facebook Sharing Debugger (developers.facebook.com/tools/debug/) and clicking "Scrape Again." Facebook will re-fetch your page and show the updated preview.

What happens if og:image is missing?

Without og:image, most platforms show either no image in the link preview or pull a random image from the page (often a logo, icon, or the first image in the content — usually not what you want). Facebook, LinkedIn, and Discord all require a properly sized og:image to show a visually appealing link card. Pages without og:image get significantly fewer clicks when shared.

Can OG tags be in the body instead of the head?

No. Open Graph tags must be in the HTML head element to be reliably read by social platform crawlers. Tags placed in the body element are ignored by Facebook, LinkedIn, Twitter, and most other platforms. If you're using a CMS that injects tags in unusual locations, check the rendered page source (not just the CMS template) to confirm tag placement.