Social Media Preview Tool — Test Open Graph & Twitter Cards
See exactly how your web page will look when shared on Google, Facebook, X (Twitter), and LinkedIn with this free social preview tool. Enter your page's metadata — title, description, and Open Graph image — and get pixel-faithful mockups of the share card each platform will render, before you publish.
Share previews are your page's first impression: a missing og:image or truncated title measurably tanks click-through rates. Instead of posting a link and hoping, validate the preview here — check image cropping, title truncation, and description length per platform and fix issues before your audience ever sees them.
How to Preview Your Social Share Cards
-
Enter your metadata
Fill in the page title, meta description, URL, and Open Graph image you plan to ship.
-
Review each platform
See simultaneous mockups for Google search results, Facebook, X (Twitter), and LinkedIn.
-
Check truncation and cropping
Spot titles that get cut off, descriptions that overflow, and images cropped at the wrong aspect ratio.
-
Fix and re-check
Adjust the metadata until every preview looks right, then apply the final values to your page's head tags.
Why Preview Before You Publish?
-
Four platforms at once
Google SERP snippet, Facebook, X (Twitter) card, and LinkedIn preview rendered side by side.
-
Catches truncation early
Each platform cuts titles and descriptions at different lengths — see exactly where yours gets clipped.
-
Open Graph image validation
Verify your og:image reads well at each platform's aspect ratio (1200×630 is the safe standard).
-
No deploy needed
Test metadata drafts instantly instead of pushing to production and waiting for platform crawlers.
-
SEO snippet preview
The Google mockup doubles as a SERP snippet checker for title tags and meta descriptions.
Frequently Asked Questions
What size should my Open Graph image be?
1200×630 pixels (1.91:1 ratio) is the universal safe choice — it renders sharply on Facebook, X, and LinkedIn. Keep critical text and logos centered, as edges may be cropped on some placements.
Why is my link preview not showing an image?
Usual causes: missing og:image meta tag, a relative instead of absolute image URL, an image blocked by robots.txt, a file over the platform's size limit, or a stale platform cache. Preview your metadata here first, then use each platform's debugger to force a re-scrape.
What meta tags do I need for social sharing?
The core set: og:title, og:description, og:image, og:url, and og:type, plus twitter:card (usually summary_large_image) for X. Most platforms fall back to Open Graph tags when their own are absent.
How long should my meta title and description be?
Keep titles under roughly 60 characters and descriptions between 120 and 155 characters to avoid truncation in Google results. Social platforms clip at different points — the previews here show each one.