How to Test OG Images: Every Tool & Method (2026 Guide)

Why You Need to Test OG Images

Open Graph images are what people see when your link gets shared on social media, Slack, Discord, or messaging apps. A broken or missing OG image means your content looks unprofessional — or worse, invisible.

The problem? Each platform has its own quirks:

• Facebook caches OG data aggressively (sometimes for days)
• Twitter/X requires specific twitter:card meta tags
• LinkedIn has its own crawler with different caching behavior
• Discord and Slack fetch OG data in real-time but have size limits

Testing before you share saves you from embarrassing broken previews.

The Quick Method (30 Seconds)

The fastest way to test your OG tags is with a multi-platform checker that validates everything at once:

1. Go to OGMagic OG Checker
2. Paste your URL
3. Get a score, see all your tags, and preview how your link looks on social media

It checks for og:title, og:description, og:image, Twitter card tags, image dimensions, and more — all in one place.

Facebook Sharing Debugger

Facebook's official tool lets you see exactly what Facebook's crawler sees when it fetches your page.

How to use it

1. Go to developers.facebook.com/tools/debug
2. Paste your URL and click "Debug"
3. Review the scraped properties

Key things to check

• og:image — Is it the right image? Check dimensions (1200×630 is ideal)
• og:title — Is it the correct title? Not the page's <title>, but the OG-specific one
• Response Code — Should be 200. Redirects can cause issues
• Time Scraped — Shows when Facebook last cached the data

Twitter/X Card Validator

Twitter deprecated their official Card Validator tool in 2022, but you can still test Twitter cards:

Method 1: Use a third-party validator

Our Twitter Card Preview tool shows exactly how your link will appear in a tweet — including the image, title, description, and domain.

Method 2: Tweet it (with a private account)

The most reliable test is to actually tweet the URL from a private/alt account. Twitter will show the real card preview. Delete the tweet after testing.

Twitter-specific requirements

• Requires twitter:card meta tag (use summary_large_image for big images)
• Falls back to og:image if twitter:image isn't set
• Image must be under 5MB
• Minimum size: 144×144 for summary, 300×157 for summary_large_image

LinkedIn Post Inspector

LinkedIn has its own post inspector tool for testing how links appear in posts.

1. Go to linkedin.com/post-inspector (requires login)
2. Paste your URL
3. See the preview and any warnings

Or use our LinkedIn Preview tool — no login required.

LinkedIn-specific gotchas

• LinkedIn caches previews for ~7 days
• Use the Post Inspector to force a re-scrape
• Recommended image size: 1200×627 (slightly different from the 1200×630 standard)
• LinkedIn truncates titles longer than ~70 characters

Discord & Slack Previews

Discord and Slack both generate rich previews from OG tags, but there's no official testing tool for either. Here's how to test:

Discord

• Paste the URL in a private Discord server or DM
• Discord fetches OG data in real-time (no long-term cache)
• Supports og:image, og:title, og:description, and og:site_name
• Images display at max 400×300 in the embed

Slack

• Paste the URL in any Slack channel
• Slack caches unfurled links — to re-fetch, you can remove the message and post it again
• Respects og:image, og:title, og:description

Multi-Platform Testing Tools

Instead of testing on each platform separately, use a tool that checks everything at once:

Testing with cURL (Developer Method)

Want to see exactly what crawlers see? Fetch your page's HTML and check the meta tags directly:

# Fetch and show all OG tags
curl -s https://yoursite.com | grep -i 'property="og:\|name="twitter:'

# Check if og:image URL returns a valid image
curl -sI "$(curl -s https://yoursite.com | grep 'og:image' | head -1 | grep -o 'content="[^"]*"' | cut -d'"' -f2)" | head -5

This is useful for debugging in CI/CD pipelines or when you want to check many URLs at once.

Common Issues & Fixes

Image not updating after changes

Social platforms cache OG data aggressively. To force a refresh:

• Facebook: Use the Sharing Debugger and click "Scrape Again"
• Twitter: Add a dummy query param (?v=2) to bust the cache
• LinkedIn: Use the Post Inspector to re-scrape
• Slack: Delete and re-post the message

Image shows on some platforms but not others

Usually means you have og:image but not twitter:image (or vice versa). Add both:

<meta property="og:image" content="https://yoursite.com/og.png" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:image" content="https://yoursite.com/og.png" />

Image looks blurry or cropped

Use 1200×630 pixels — this is the universal safe size that works well on every platform. Keep important content away from the edges (platforms crop differently).

OG tags not being detected

Common causes:

• Tags are outside <head> — they must be inside the head element
• JavaScript-rendered tags — crawlers don't execute JS. Use SSR or static HTML
• Relative URLs — always use absolute URLs for og:image (https://...)
• Missing content attribute — check for typos in your HTML

For a deeper dive, check our guide on fixing OG images that aren't showing.

Automate It: Never Worry Again

The best way to avoid OG image issues? Generate them automatically with an API. Create an image in a trusted server or publishing script and publish the saved URL:

// Run on your server, at build time, or when publishing content.
const response = await fetch("https://www.ogmagic.dev/api/images", {
  method: "POST",
  headers: {
    Authorization: "Bearer " + process.env.OGMAGIC_API_KEY,
    "Content-Type": "application/json",
  },
  body: JSON.stringify({ title: "My article", template: "gradient-mesh" }),
});
if (!response.ok) throw new Error("Image creation failed");
const image = await response.json();
// Save image.url with your content; use it in og:image and twitter:image.

Benefits of API-generated OG images:

• Always valid — correct dimensions, format, and file size every time
• Dynamic — title and description update automatically from your content
• Consistent — same professional look across all your pages
• Zero maintenance — no manual design work per page