Social Sharing

How to Get a Real Link Preview When Sharing on X (Twitter)

X uses its own separate tag for link previews β€” Open Graph tags alone aren't always enough.

What it is

A "Twitter Card" (the platform's own name for the feature, predating its rename to X) is the rich preview shown when a link is shared on X β€” typically including an image, title, and description, rather than a plain, unadorned text link. It's controlled by a specific meta tag, most simply <meta name="twitter:card" content="summary_large_image">, which tells X to build this larger, image-forward preview format specifically.

X does fall back to reading standard Open Graph tags (og:title, og:description, og:image) for the actual content of the preview in many cases β€” but without this specific twitter:card tag present, it may not build a rich preview at all, defaulting to a bare link instead.

Why it matters

Links shared on X without a working card show up as plain, unremarkable text in a feed full of other posts competing for attention β€” easy to scroll straight past. A working card with an image and headline is considerably more eye-catching and gives people shared with a real, immediate sense of what they'd be clicking through to, before they've read a single word of surrounding commentary.

This is a very small, one-line addition on top of Open Graph tags you may have already set for Facebook and LinkedIn β€” there's essentially no reason to skip it once those are already in place.

How to fix it

  1. Confirm you already have Open Graph tags (og:title, og:description, og:image) set on the page, since X reads much of the preview content from those.
  2. Add <meta name="twitter:card" content="summary_large_image"> to the page's <head> section, which requests the larger, image-forward preview style.
  3. If you're using a website builder or SEO plugin, this is frequently included automatically alongside your other social sharing settings β€” check there before adding it manually.
  4. Test the result with X's Card Validator tool (or by sharing the link in a private draft post) to confirm the preview displays as expected.
  5. Re-run your Launch Readiness check to confirm the tag is now detected.

Check whether your own site has this problem

Launch Readiness scans your site for this and ~50 other pre-launch issues in seconds β€” free, no signup.

Run a free check