How it works
- 1
Enter your URL or paste HTML
Enter a page URL (fetched via a CORS proxy) or paste your <head> HTML directly — no deployment needed.
- 2
See previews across 5 platforms
Instantly see link card previews for LinkedIn, X (Twitter), Slack, Discord, and Facebook side by side.
- 3
Fix missing tags
Missing or incorrect OG tags are highlighted with a ready-to-paste <meta> fix snippet for each issue.
OpenGraph Preview Tester
See exactly how your link will appear on LinkedIn, X, Slack, Discord, and Facebook before you share it.
Fetched with Twitterbot user-agent so sites serve their OG metadata. Press Enter to run.
0/10 free todayPaste a URL
Enter any public URL. The Worker fetches it with a bot user-agent to get the real OG metadata.
Or paste your HTML
No Worker needed — paste your page's <head> HTML and preview cards are generated instantly.
Fix before you share
See warnings for missing og:image, og:title, or wrong sizes before your post goes live.
Common OG tag mistakes & fixes
✗Missing og:image
Without og:image, most platforms show a blank card. LinkedIn will not show a preview at all.
<meta property="og:image" content="https://your-domain.com/og-image.png" />
✗og:image too small (under 200×200px)
LinkedIn requires 1200×627px minimum. Images under 200px are silently ignored by most platforms.
<!-- Use 1200×630px minimum for all platforms -->
✗Missing og:title
Without og:title, platforms fall back to the <title> tag which may be long or cut off.
<meta property="og:title" content="Your Page Title Here" />
✗Missing og:description
LinkedIn and Facebook both show descriptions under the title. Empty = less engaging card.
<meta property="og:description" content="150-160 character description." />
✗Missing og:type
Defaults to 'website' but should be 'article' for blog posts to unlock article-specific features on Facebook.
<meta property="og:type" content="website" />
✗Image not publicly accessible (behind auth)
Social platforms fetch OG images as anonymous bots. Private images fail silently.
<!-- Ensure the image URL returns 200 with no redirect for unauthenticated requests -->
✗og:url not set or mismatched
og:url is used for deduplication. Wrong value causes incorrect cache behaviour on reshares.
<meta property="og:url" content="https://your-domain.com/exact/page-url" />
✗Stale cached preview (old image persists)
Platforms cache OG data aggressively. Old images persist until the cache is manually invalidated.
<!-- For LinkedIn: use linkedin.com/post-inspector to force a re-fetch --> <!-- For Facebook: use developers.facebook.com/tools/debug/ -->
🛡️ Verify zero uploads — open DevTools → Network tab
Open your browser's DevTools (F12), go to the Network tab, and use this tool. You will see zero outbound requests — all processing runs inside your browser sandbox via WebAssembly or pure JavaScript. Nothing you paste or upload is ever sent anywhere.
Use cases
Pre-launch verification
Check every key page's social card before launch — catch blank images or truncated titles on all 5 platforms.
Diagnosing blank LinkedIn cards
LinkedIn is strict about og:image dimensions and HTTPS. The tester shows exactly which tag is missing.
OG image A/B testing
Test two different og:image URLs side by side before committing to one for your product launch post.
Frequently Asked Questions
Why does my LinkedIn preview look different from X (Twitter)?
Each platform has different requirements: LinkedIn uses og:title + og:image + og:description. Twitter/X uses twitter:card, twitter:title, twitter:image (falls back to og: tags if twitter: are missing). Slack and Discord use og: tags but resize images differently.
What is the correct og:image size?
For maximum compatibility: 1200×630px at minimum 600KB. LinkedIn minimum is 1200×627px. Twitter summary_large_image requires at least 300×157px but looks best at 1200×675px.
My OG image shows on one platform but not another — why?
Common causes: image too small (under 200×200px), image not publicly accessible (blocked by auth or firewall), wrong Content-Type returned by your server, or the platform cached a previous version.
How do I fix a missing og:image error?
Add <meta property="og:image" content="https://your-domain.com/og-image.png" /> to your <head>. For Next.js apps, use the opengraph-image.tsx file convention or set openGraph.images in your page metadata.
Does fetching a URL expose my data to Aarunya's servers?
When you enter a URL, our og-fetcher Cloudflare Worker fetches the page HTML on your behalf (to bypass CORS restrictions). Only the URL is sent to the Worker — it returns the parsed OG tags and image URL, nothing is stored.
Want unlimited access + saved history?
Pro is $6/month · 30-day money-back guarantee.
Embed or share this toollink · markdown · html · iframe
https://aarunyaapps.com/og-tester
Related Tools
From the blog
Why Your LinkedIn Post Preview Looks Wrong (and How to Fix It)
LinkedIn OG previews break for 6 specific reasons. This guide diagnoses each one with copy-paste meta tag fixes, the correct image dimensions, and how to force LinkedIn to re-fetch your card.
7 min read
The Complete OpenGraph Tag Checklist for Developers
Every og: tag you need, platform-specific requirements (LinkedIn, X, Slack, Discord, WhatsApp), image dimension reference, and a copy-paste Next.js metadata template. Bookmark this one.
9 min read
The Complete Guide to Schema.org FAQ Markup for SEO in 2026
How to add FAQPage JSON-LD to any website and trigger Google's expandable FAQ rich results. Includes real examples, common mistakes, and a validation checklist.
8 min read