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.

Facebook

1200 x 630
example.com
Page Title
Page description...

X (Twitter)

1200 x 628
Page Title
Page description...
example.com

LinkedIn

1200 x 627
Page Title
example.com

Google

S
Site Name
example.com
Page Title
Page description will appear here in Google search results...

Social cards do not rank, but they decide whether anyone clicks the link in the first place.

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.

When the Social Card Preview is the right tool

How to use the Social Card Preview

Test how your page renders when shared on Facebook, X, and LinkedIn before publishing.

  1. Enter or paste your URL

    Drop in the URL of the page you want to test, or fill in the title, description, and image fields manually.

  2. Review the platform previews

    Inspect side-by-side renders for Facebook, X, LinkedIn, and Google to spot truncation or missing images.

  3. Edit and re-test

    Adjust your meta tags or OG image and watch the preview update live before pushing changes to production.

Mistakes we see all the time

Social Card Preview — Frequently Asked Questions

Is this social card preview tool free?
Yes. SEOtest.app's social card preview is completely free with no signup or rate limits.
Which platforms does the preview support?
Facebook, X (Twitter), LinkedIn, and Google search results — all from a single live preview.
Do I need to deploy my site to test the preview?
No. Edit your title, description, and image inline and the preview updates instantly without deploying.
How do I force Facebook to refresh a cached preview?
Paste the URL into the Sharing Debugger at developers.facebook.com/tools/debug and click Scrape Again. That triggers a fresh fetch and updates the cached card for all future shares. There is no automatic refresh, and Facebook will hold a stale cache for weeks if you do not manually push the new one.
Does X still support its own twitter:card meta tags?
Yes, but the standalone card validator was deprecated in 2023 and X now relies primarily on OG tags with a few twitter-prefixed overrides like twitter:card and twitter:image. If you set OG tags correctly, X will usually do the right thing. Add the twitter: tags only when you want to override something for X specifically.
What is the best OG image size in 2026?
Stick to 1200 by 630 pixels at the 1.91 to 1 ratio. That hits the sweet spot for Facebook, LinkedIn, and X summary_large_image all at once. Keep the file under about 1MB so mobile clients on slow connections do not skip the image and render a thumbnail card instead.
Why does my link preview show a different image than the one I set?
Three usual suspects. First, the platform cached an older version before you updated the tag. Second, your og:image points to an image the scraper cannot reach. Third, the image is below the minimum dimensions and the platform fell back to scraping the largest image it could find on the page. Fix in that order.
Do social cards affect my SEO rankings?
Not directly. Google does not factor OG tags into ranking. What they do affect is click-through rate from social shares, which feeds traffic and engagement signals downstream. A good card does not move you up in the SERP, but it does compound your link reach when people share you, which eventually does.
Should I use article tags or website tags for a blog post?
Use og:type article for blog posts and news content, og:type website for marketing pages and the homepage. It is a small signal but it lets platforms render slightly different card layouts, and some downstream tools like RSS readers and aggregators key off it. Worth getting right, not worth losing sleep over.
What happens if I have no OG tags at all?
Most platforms will fall back to scraping the title tag, meta description, and the largest image above the fold. The result is unpredictable and usually ugly. You give up control of the headline, the image, and the truncation. Always set explicit OG tags even if they duplicate what is already in the head.

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.

Related free SEO tools