Open Graph Debugger Tools: The Best Ways to Preview and Test OG Tags

Why you need an OG debugger

Every social platform renders OG tags slightly differently — different image dimensions, different text truncation limits, different cache durations. An OG debugger lets you see exactly what each platform will show before you share a link, so you can fix issues before they embarrass you.

There are two types of OG tools: platform-specific validators (for forcing a re-scrape and debugging) and multi-platform preview tools (for seeing how a link looks across all platforms at once).

OGFixer — multi-platform preview tool

OGFixer shows you how your link card looks on Twitter/X, LinkedIn, Discord, and Slack simultaneously. Paste any URL and get a live preview in seconds — no login required.

Best for: checking how a new page will look before sharing, verifying an OG fix worked across platforms, comparing your cards against competitors.

Platform-specific validators

Use these for forcing a cache refresh on each platform and diagnosing platform-specific issues:

• Twitter/X Card Validator (cards-dev.twitter.com/validator) — Shows the rendered Twitter card and lists any errors. Requires a Twitter login. Also forces Twitter to re-scrape the URL.
• Facebook Sharing Debugger (developers.facebook.com/tools/debug) — Debugs og:image, og:title, og:description for Facebook and Instagram. Has a "Scrape Again" button to force cache refresh.
• LinkedIn Post Inspector (linkedin.com/post-inspector) — Shows what LinkedIn sees when scraping your URL. Forces a re-scrape when you submit a URL.
• Pinterest Rich Pin Validator (developers.pinterest.com/tools/url-debugger) — Validates Rich Pin markup and schema. Required for enabling Rich Pins on your domain.

General OG tag validators

• OpenGraph.xyz — Shows parsed OG tags and a preview. Multi-platform preview included. Free.
• Metatags.io — Preview social cards and search snippets in one place. Includes Google search preview alongside social previews.
• HeyMeta (heymeta.com) — Simple tool that shows all detected meta tags and renders a social preview. Free.
• meta-inspector.com — Parses and displays all meta tags including OG, Twitter, JSON-LD. Useful for comprehensive tag auditing.

Command-line debugging

For developers, these CLI commands let you debug OG tags without a browser:

# View raw HTML as a crawler sees it
curl -A "Twitterbot/1.0" https://example.com | grep -i "og:"

# Check with Facebook's user agent
curl -A "facebookexternalhit/1.1" https://example.com | grep -i "meta"

# Verbose response with headers (useful for checking cache headers)
curl -I https://example.com/og.jpg

# Using wget to download and inspect page source
wget -qO- https://example.com | grep -E "(og:|twitter:)"

Using a bot's user agent with curl shows you exactly what the crawler sees — useful for diagnosing bot-blocking issues or confirming server-side rendering works.

Browser DevTools approach

Quick debugging without external tools:

1. Open your page in Chrome/Firefox
2. Press F12 to open DevTools
3. Go to the Elements tab
4. In the search box (Ctrl/Cmd+F), search for og:
5. Verify each OG tag is present and has the correct content

Alternatively, open the Console tab and run:

// In browser console:
[...document.querySelectorAll('meta[property^="og:"], meta[name^="twitter:"]')]
  .map(m => ({ name: m.getAttribute('property') || m.getAttribute('name'), content: m.getAttribute('content') }))
  .forEach(m => console.log(m.name, '→', m.content))

When to use which tool

• Checking a new page before sharing: OGFixer or OpenGraph.xyz for multi-platform preview
• Fixing wrong Facebook/Instagram preview: Facebook Sharing Debugger (forces re-scrape)
• Fixing wrong Twitter card: Twitter Card Validator
• Fixing wrong LinkedIn preview: LinkedIn Post Inspector
• Debugging bot-blocking: curl with bot user agent