Social Card Preview
Preview how your content appears when shared on Facebook, X (Twitter), LinkedIn, and Google. Visualize your Open Graph and meta tags in real-time.
Preview how your content appears when shared on Facebook, X (Twitter), LinkedIn, and Google. Visualize your Open Graph and meta tags in real-time.
Open Graph and Twitter card markup is one of those areas where the spec is settled, the platforms are not, and the only way to know what your link will actually look like in the wild is to render it. The tags themselves are simple. og:title, og:description, og:image, twitter:card, and a few cousins. The trouble starts the moment a real platform decides what to do with them.
Facebook will scrape your URL once, cache the result for what feels like forever, and serve that cached preview to every share until you manually bust it through the Sharing Debugger. LinkedIn does something similar through Post Inspector but with a slightly different cache window and slightly different rules about which fallback image it uses if your OG image is missing or too small. X has changed its card behavior at least four times since 2016, deprecated the standalone validator, and now relies on the same OG tags as everyone else plus a couple of twitter-prefixed overrides for the cases where you want to be specific.
The OG image is the field that breaks most often. The current Facebook recommendation is 1200 by 630 pixels at a 1.91 to 1 ratio. X wants 1200 by 628 for summary_large_image. LinkedIn accepts both but downsamples aggressively. If your image is under about 200 by 200 the card collapses to a small thumbnail next to the headline, which is the cheapest way to kill a click-through rate that exists. Half the audits I do find an OG image that is technically present but small enough that no platform shows it large.
What this tool does is render your URL the way each major surface would, side by side, without you having to publish anything or wait for a cache to clear. You see the Facebook card, the X card, the LinkedIn card, and the Google SERP snippet pulled from the same set of meta tags, with the actual character truncation each platform applies. If the title gets cut off on X but not on LinkedIn, you see it before you ship.
The honest limitation is that these previews drift. The card that looked perfect in December breaks in March because LinkedIn changed how it handles long descriptions or X started cropping images differently on mobile. Treat the preview as the truth at the moment you generate it, not as a permanent contract. Re-check before any campaign that actually matters.
The last 60 seconds before hitting publish is when the OG image is most likely to be wrong. Default site image still attached, title not overridden, description pulling from the first paragraph instead of the meta description. Catch it now or you spend the next day re-sharing.
You are about to spend money pointing people at this URL. If the preview card shrinks to a thumbnail, your CPM goes up and your CTR goes down for the entire run. Five minutes of preview checking pays for itself on the first hour of ad spend.
Theme updates and CMS migrations regularly drop the OG tag block, especially when a developer rebuilds the head element from scratch. The page still loads fine. The cards just go blank, and you find out from a colleague forwarding you an ugly LinkedIn share.
Pull both URLs into the preview side by side. Often the gap is not the headline, it is that their card is showing a 1200 wide hero and yours is showing a 400 wide thumbnail next to a truncated description.
You are drafting OG tags in a staging environment or a CMS field, and the client has not pushed live yet. The preview lets you confirm what the card will look like before you ask for a deploy slot, which is a much shorter conversation than asking them to roll back a bad share.
Test how your page renders when shared on Facebook, X, and LinkedIn before publishing.
Drop in the URL of the page you want to test, or fill in the title, description, and image fields manually.
Inspect side-by-side renders for Facebook, X, LinkedIn, and Google to spot truncation or missing images.
Adjust your meta tags or OG image and watch the preview update live before pushing changes to production.
It will not. Facebook caches the first successful scrape for weeks. If you fixed your OG image yesterday, every share today is still using the old one until you re-scrape through the Sharing Debugger. LinkedIn has the same trap with Post Inspector.
Behind a CDN that blocks the Facebook user agent, on a subdomain with a wonky SSL cert, on a path that returns 200 in a browser but 403 to a bot. The image exists. The scraper does not see it. The card collapses to no image at all.
OG images are composited onto each platform background, which is usually white on Facebook and dark on LinkedIn mobile. Transparency means your white logo disappears on white, your dark text disappears on dark, and your card looks broken on at least one of the three majors.
X cuts the description short. Google SERP can cut it even shorter. If the meaningful clause is at the end of the sentence, every platform that truncates loses it. Front-load the value in the first 50 characters and let the rest fall off cleanly.
Social previews are not where rankings are won, but they are where the first impression happens. Spend the ten minutes to render every share surface before the link goes out. The teams that skip this step are the teams emailing each other a week later asking why a post that should have done well got buried.