Preview exactly how your URL looks when shared on Facebook, Twitter/X, and LinkedIn. Debug Open Graph tags, Twitter Cards, and every meta tag in real-time.
Enter URL to debug
Try:github.comvercel.comstripe.comnotion.so
Fetching page & parsing meta tags…
⚠️
Debug Failed
An error occurred.
—
—
Score: —
Facebook / Meta share preview
—
—
—
Twitter / X card preview
—
—
—
LinkedIn share preview
—
—
Audit Results
Open Graph Tags
Twitter Card Tags
General Meta Tags
📊 Tag Stats
—
Score
—
OG tags
—
Twitter tags
—
Issues
🏆 Score Scale
A+
90–100 · All key tags present & optimised
A
80–89 · Good, minor improvements possible
B
60–79 · Missing some important tags
C
50–59 · Several key tags missing
F
Below 50 · Major tags missing
💡 Quick Tips
Use 1200×630px images for best results across all platforms.
Keep og:title under 60 chars to avoid truncation.
Set twitter:card to summary_large_image for bigger previews.
Always set og:url to your canonical URL to avoid duplicate tracking.
A Social Media Debugger fetches any public URL server-side — exactly like Facebook, Twitter, or LinkedIn's crawlers do — and extracts every Open Graph tag, Twitter Card tag, and general meta tag. It then renders a live preview of how your link will appear when shared, and scores your implementation to flag missing or poorly configured tags.
Unlike browser extensions that only read the DOM, this tool uses a real server-side fetch with a social crawler User-Agent, so you see exactly what platforms see — including any server-side redirects or conditional rendering.
Why Open Graph Tags Matter
og:title — Controls the headline shown in link previews. Missing this means platforms fall back to the page <title>, which may be too long or poorly formatted for social.
og:image — The single biggest factor in click-through rate for shared links. Links with no image get dramatically fewer clicks.
og:description — The teaser text shown below the title. Should be compelling and under 160 characters.
og:type — Helps platforms categorise your content. Use article for blog posts, product for e-commerce, website for general pages.
twitter:card — Set to summary_large_image for the large image format on Twitter/X, or summary for the compact format.
Frequently Asked Questions
Facebook aggressively caches Open Graph data. Even after you fix your tags, Facebook may still show the old preview for days. Use Facebook's official Sharing Debugger at developers.facebook.com/tools/debug and click "Scrape Again" to force a cache refresh. This tool always shows the current live state of your tags.
The universally recommended size is 1200×630px (1.91:1 aspect ratio). This works well on Facebook, LinkedIn, and Twitter with a summary_large_image card. For Twitter's compact summary card, 1200×1200px (square) is better. The minimum recommended size is 600×315px — anything smaller may not render on all platforms.
No — this tool fetches pages the same way social crawlers do, without cookies or authentication. Pages behind login walls, paywalls, or that require JavaScript to render their meta tags may return incomplete results. This is actually important to know: if our tool can't read your tags, neither can Facebook or LinkedIn's crawlers.
The HTML <title> tag is used by browsers (tab title) and search engines. The og:title property is used specifically for social media link previews. They can and often should be different — your page title might include your site name ("10 Tips for Better Sleep | HealthBlog") while your og:title might be more punchy and standalone ("10 Tips That Will Transform Your Sleep").
Add the meta tags inside the <head> of your HTML. For example: <meta property="og:title" content="Your Title">. Most CMS platforms (WordPress, Webflow, Shopify) have built-in OG tag settings or plugins (like Yoast SEO). For Next.js use the metadata API; for Nuxt use useHead().