Free tool
Open Graph & Twitter Card previewer
Paste your page's HTML and see exactly how the link card will look when shared on LinkedIn, Facebook, and X — before you post it. Instantly spot missing or misconfigured tags.
Parsed entirely in your browser — nothing is sent anywhere.
Your page description will appear here.
Your page description will appear here.
| Tag | Value |
|---|---|
| og:title | Missing — commonly required |
| og:description | Missing — commonly required |
| og:image | Missing — commonly required |
| og:url | Not found |
| og:site_name | Not found |
| twitter:card | Missing — commonly required |
| twitter:title | Not found |
| twitter:description | Not found |
| twitter:image | Not found |
Related tools
More free utilities for the same workflow
- SERP Snippet PreviewSee how your page title and meta description will render in Google search results — desktop and mobile, with real pixel-width truncation so you know exactly where it cuts off.Open tool
- JSON-LD Schema GeneratorGenerate valid JSON-LD structured data for FAQ, Article, Organization, and LocalBusiness schemas. Fill in the fields, copy the markup, and paste it into your page.Open tool
- Robots.txt GeneratorBuild a robots.txt with per-path rules and explicit allow/block controls for AI crawlers — GPTBot, ClaudeBot, PerplexityBot, Google-Extended, and more.Open tool
- Sitemap XML ValidatorPaste or upload a sitemap.xml and check it's well-formed — missing <loc> tags, bad <lastmod> dates, relative URLs, and the 50,000-URL limit.Open tool
FAQ
Open Graph & Twitter Card previewer FAQ
What are Open Graph tags?
Open Graph tags are meta tags (og:title, og:description, og:image, og:url, og:site_name) that control how a page appears when shared as a link card on platforms like Facebook and LinkedIn. Without them, those platforms fall back to guessing from your page's <title> and visible content, often with poor results.
What are Twitter Card tags, and do I need them separately from Open Graph?
Twitter Card tags (twitter:card, twitter:title, twitter:description, twitter:image) control how a link renders on X. If a twitter-specific tag is missing, X and other platforms typically fall back to the equivalent og: tag — this tool mirrors that fallback behavior so you can see what actually renders.
What's the difference between summary and summary_large_image?
twitter:card="summary" renders a small square image beside the title and description. "summary_large_image" renders a full-width image above the text, similar to a Facebook or LinkedIn card. Choose large-image for visually driven content.
Why does my link preview look wrong or show no image?
Usually because og:image is missing, points to a broken or relative URL, or the image is too small. Some platforms also cache old previews aggressively — after fixing your tags, use each platform's own debugger (e.g. Facebook's Sharing Debugger) to force a re-scrape.
Does this tool fetch my page for me?
No. Paste your page's HTML source (view-source or just the <head> section) into the box — everything is parsed in your browser with no network request, so there's nothing to fetch and nothing leaves your device.
Do I need both Open Graph and Twitter Card tags?
For the best coverage, yes. Open Graph is respected by Facebook, LinkedIn, Slack, and most other platforms; X reads Open Graph too but gives its own twitter: tags priority when present. Setting both ensures a consistent, intentional preview everywhere your links get shared.
Want every share to look this good, automatically?
mktcrew's repurposer agent drafts social posts with the right preview in mind, and the publisher agent keeps your Open Graph and Twitter Card tags consistent across every article it ships to your CMS. You approve every draft before it goes out.
No credit card required · Cancel anytime · Full agent crew on Starter limits · Human approval on every live action
OAuth-only integrations · We never store platform passwords.