Open Graph & Twitter Card Checker
Paste your page HTML to check the Open Graph and Twitter Card tags that control how your link looks when shared on Facebook, LinkedIn or X.
How to Use This Tool
Copy your page's HTML
View source on the page and copy the full HTML, including the <head>.
Paste it above
The tool scans specifically for og: and twitter: meta tags.
Click "Check social tags"
See exactly which tags are present and what content they hold.
Add anything missing
Fill in gaps in your CMS or theme's social sharing settings, then re-check.
About the Open Graph & Twitter Card Checker
When you share a link on Facebook, LinkedIn, Slack, or X, the preview card that appears — with an image, title and short description — isn't generated randomly. It's pulled from specific meta tags in your page's HTML called Open Graph tags (originally created by Facebook) and Twitter Card tags (used by X/Twitter).
Without these tags, social platforms fall back to guessing — often pulling a random image from the page or truncating your regular title and meta description awkwardly. With them properly set, you control exactly what image, headline and summary people see when your link is shared, which has a real, measurable effect on click-through rate from social media.
This tool checks for the core Open Graph properties (og:title, og:description, og:image, og:url, og:type, og:site_name) plus the essential Twitter Card tags, and previews your og:image directly so you can confirm it's loading correctly.
Frequently Asked Questions
Do I need both Open Graph tags and Twitter Card tags, or just one?
Both, ideally. Open Graph tags cover Facebook, LinkedIn, Slack and most other platforms, while Twitter/X has its own separate tag set. Many Twitter Card tags can fall back to Open Graph equivalents if the Twitter-specific one is missing, but setting both explicitly gives you more reliable control.
What's the ideal size for an og:image?
1200 x 630 pixels is the widely recommended size, giving a roughly 1.91:1 aspect ratio that displays well as a large preview card across most platforms without awkward cropping.
Why isn't my updated image showing up when I share the link?
Social platforms cache preview data aggressively, so an old image or title can persist even after you've updated the tags. Use each platform's own debugging/cache-clearing tool — like Facebook's Sharing Debugger or X's Card Validator — to force a re-fetch.
Can og:title and og:description be different from my regular title tag and meta description?
Yes, and sometimes it's a good idea — your regular title tag is optimized for search engines and keyword relevance, while your og:title is written purely to be compelling when someone sees it shared in a social feed, so slightly different framing can work better for each context.
What does the twitter:card tag actually control?
It tells X/Twitter which card layout to use — most commonly "summary_large_image" for a big image preview, or "summary" for a smaller thumbnail-style card. Without it, X may not render a rich preview card at all.
Is a missing og:url tag a serious problem?
It's a minor issue in most cases, since platforms generally fall back to the actual URL of the page being shared. Setting it explicitly is still good practice, particularly for pages that might be accessed through multiple URL variations.