X card preview
Preview how any URL appears on X. Check the card title, description, image, and link preview before posting.
Title
From
framer.com
Preview X cards before posting
An X card preview helps verify that a shared URL has a clear title, useful description, correctly cropped image, and recognizable domain before it appears in the feed.
Title
Check how the link headline will read inside an X card and whether it stays meaningful when the accompanying post is short or conversational.
Title
Description
framer.com
Description
Review the summary for clarity and truncation. It should complement the post without relying on hashtags, mentions, or context that exists only in the surrounding thread.
Title
Description
framer.com
Image
Test the card image at feed size. Strong focal points, safe margins, and minimal embedded text help it survive responsive crops.
Favicon
Keep the site favicon current so the destination maintains a consistent visual identity beyond the X card itself.
Title
Description
framer.com
A practical guide to X card previews
X cards package a destination into a compact feed object. A preview check reveals whether metadata, media, and publisher signals support the post instead of distracting from it.
How does X build a link card?
The crawler reads card metadata from the public page and combines it with the shared URL. Twitter card fields remain relevant even though the platform is now branded as X.
Choosing the right card format
Use a compact summary when the destination needs restrained context and a large-image format when the visual is central to the story. The format should follow content, not habit.
X metadata and Open Graph
Dedicated card tags offer platform-specific control, while Open Graph values can provide fallbacks. Keeping both aligned prevents noticeably different messages across networks.
Titles that work outside the post
Write a headline that identifies the destination without depending on the post copy. Avoid vague prompts that lose meaning when the card is reshared by another account.
Image safety for responsive cards
Place faces, products, and essential typography near the center. Wide and narrow rendering contexts may remove edge content even when the source image is technically valid.
Caching and delayed updates
X may continue showing previously fetched metadata after edits. Plan card changes ahead of publication and verify the live URL early enough to resolve stale assets.
A clean X sharing workflow
Prepare the live page, validate card tags, compare the card with the post message, inspect mobile cropping, refresh cached data when possible, and then publish.