OG image checker and Open Graph debugger: preview every social card
When someone shares your link on Facebook, LinkedIn, Twitter/X, or WhatsApp, the platform reads your Open Graph meta tags to build a preview card. If og:image, og:title, or og:description are missing - or injected client-side by a JavaScript framework - the preview collapses to a bare URL that nobody clicks.
This free OG image checker and Open Graph debugger fetches your page's meta tags exactly as social platforms do: from the raw HTML, without executing JavaScript. You see every og: and twitter: tag in one view alongside pixel-accurate previews for each major platform, so you can debug broken link cards in seconds.
Use it as a direct replacement for Facebook's slow Sharing Debugger, LinkedIn's login-gated Post Inspector, or the retired Twitter Card Validator - no accounts, no rate limits, no waiting.
How to use this tool
- 1
Enter your page URL in the field above
- 2
Click 'Check OG tags' to fetch and analyse your meta tags
- 3
Review the extracted Open Graph tags (og:title, og:description, og:image)
- 4
Check the Twitter Card tags (twitter:card, twitter:title, twitter:image)
- 5
Preview how each social platform will display your link card
- 6
Fix any missing or incorrect tags, then re-test to confirm
How it works
This tool sends a server-side HTTP request to your URL using a social media crawler's User-Agent string. The request captures the raw HTML response exactly as Facebook, LinkedIn, and Twitter would receive it - before any JavaScript executes.
We parse the HTML head section to extract all Open Graph meta tags (og:title, og:description, og:image, og:url, og:type, og:site_name) and Twitter Card tags (twitter:card, twitter:title, twitter:description, twitter:image). Each tag's value is displayed alongside the platform's requirements.
The tool then generates a visual preview for each major social platform - Facebook, Twitter/X, LinkedIn, and WhatsApp - showing exactly how your link card will appear when shared. These previews use the same rendering logic as the platforms themselves, including image aspect ratios and text truncation.
Issues are flagged when required tags are missing, images fail to load, descriptions exceed platform character limits, or tags are only present in JavaScript-rendered output. Each issue explains the impact and how to fix it.
Why this matters for your site
Open Graph is a protocol created by Facebook that allows web pages to control how they appear when shared on social media. When you share a link, the platform's crawler fetches your page and extracts specific meta tags from the HTML head. The most important tags are og:title (the headline), og:description (the summary text), and og:image (the preview thumbnail).
Twitter uses its own Twitter Card tags (twitter:card, twitter:title, twitter:image) but falls back to Open Graph tags when Twitter-specific tags are missing. LinkedIn, WhatsApp, Slack, Discord, and iMessage all use Open Graph tags to generate link previews.
The critical detail for JavaScript applications is that none of these social crawlers execute JavaScript. If your Open Graph tags are set dynamically via React Helmet, Vue Meta, or similar libraries, they exist only after JavaScript runs - meaning social platforms will never see them. Your tags must be present in the initial HTML response.
Frequently asked questions
Why is my link preview on Facebook missing an image?▾
Facebook's crawler (facebookexternalhit) does not execute JavaScript. If your og:image tag is set dynamically via a JavaScript framework like React or Vue, it will not be present in the raw HTML that Facebook reads. The solution is to either include OG tags in your server-rendered HTML or use a prerendering service that serves rendered HTML to social crawlers.
What are the recommended Open Graph image dimensions?▾
Facebook recommends 1200x630 pixels for og:image. Twitter recommends 1200x600 for summary_large_image cards. LinkedIn uses the same dimensions as Facebook. Using a 1200x630 image works well across all platforms. The image should be under 8MB and in JPEG, PNG, or WebP format.
How do I force Facebook to refresh my link preview?▾
Use the Facebook Sharing Debugger (developers.facebook.com/tools/debug) to scrape your URL again. This clears Facebook's cache and fetches fresh meta tags. LinkedIn has a similar tool called the Post Inspector. For other platforms, the cache typically expires within 24-72 hours.
Do I need both Open Graph and Twitter Card tags?▾
Twitter will fall back to Open Graph tags if Twitter Card tags are absent, so technically you only need OG tags. However, including both gives you finer control over each platform's preview. For example, you might want a different image aspect ratio for Twitter's summary_large_image card versus Facebook's link preview.
Can I have different previews for different social platforms?▾
Open Graph tags are universal, so all platforms read the same og:title and og:description. However, you can use Twitter-specific tags to customise the Twitter/X preview independently. For truly platform-specific previews, you would need server-side logic that detects the crawler and serves different meta tags - though this adds complexity.
Related free tools
What bots see
Enter any URL and see the raw HTML that search engine bots, AI crawlers, and social platforms receive - before and after JavaScript rendering.
Try it freeCrawler simulator
Simulate how specific crawlers - Googlebot, GPTBot, Facebook, LinkedIn, and more - see your JavaScript site. Choose a bot and test instantly.
Try it freeSEO audit
Run a free SEO audit on any website. Check meta tags, headings, structured data, alt text, canonical URLs, and crawler accessibility.
Try it freePerfect link previews, automatically
PageGlass serves fully-rendered HTML to social crawlers so your Open Graph tags always appear. No more blank previews on Facebook, LinkedIn, or WhatsApp.