See how your page will look when shared on X (formerly Twitter). Paste your twitter: meta tags or fill the fields, and the live card renders in both the summary and summary_large_image layouts — with a checklist of the required Twitter Card properties and Open Graph fallbacks. 100% in your browser — nothing is uploaded or stored.
Twitter Card checklist
🔒 Everything runs in your browser. Nothing you enter is uploaded, logged or stored.
The Twitter Card Preview shows you exactly how a link to your page will look when it is posted on X, the platform formerly known as Twitter. Paste your twitter: meta tags or fill the fields, and the live card renders in the correct layout — a small square thumbnail for the summary card or a wide banner for summary_large_image. A checklist alongside confirms the required Twitter Card properties are present and well-formed, and shows where X will fall back to your Open Graph tags so you are never guessing how a shared link will appear.
It is part of the Social & Rich Preview group in our free SEO Toolkit. Pair it with the Twitter Card Generator to create the tags, the Facebook & OG Preview for Facebook and LinkedIn, the Open Graph Generator for the shared fallback tags, and the Meta Tag Analyzer to audit a page. Everything runs in your browser — nothing you enter is uploaded or stored.
Both layouts and a validation checklist.
summary and summary_large_image rendered correctly.
Paste your tags or fill the fields directly.
Shows where X falls back to Open Graph tags.
Parsing runs in your browser — nothing leaves your device.
From twitter: tags to a live X card.
Paste twitter: tags or fill fields.
It renders in the right layout.
Spot missing or invalid properties.
Update your tags with confidence.
The wide layout most publishers use on X.
A Twitter Card preview shows how a link to your page will appear when it is shared on X. Like Open Graph for Facebook, X reads a set of twitter: meta tags from your page's <head> and turns a plain link into a rich card with an image, title, description and the source domain. There are two main card types, and they look quite different, so seeing the real layout before you post saves you from a share that looks broken or underwhelming. This tool renders that card live from your tags, falls back to your Open Graph tags exactly as X does, and validates the required properties. It is part of the Social & Rich Preview group in the SEO Toolkit.
The twitter:card property chooses the layout. summary is the compact card: a small square thumbnail on the left with the title and description beside it, good for sites where the image is secondary. summary_large_image is the one most publishers use: a full-width banner image above the title and description, which commands far more attention in the timeline. The right choice depends on your image — a wide, editorial image suits the large card, while a logo or icon works better in the summary layout. This tool lets you switch between them so you can compare at a glance.
Full-width banner — highest engagement for articles.
Small square thumbnail beside the text.
Large: 1200 × 628. Summary: at least 144 × 144.
twitter:site links the card to your @handle.
You do not always need a full set of dedicated Twitter Card tags. When a twitter: tag is missing, X falls back to the equivalent Open Graph tag — og:title for the title, og:description for the description and og:image for the image. The one tag X really wants is twitter:card itself, which selects the layout; without it, a card may not render at all. A common, efficient setup is to define twitter:card and twitter:site explicitly and let everything else inherit from your Open Graph tags. This tool shows exactly which values come from twitter tags and which are inherited.
No. A private in-browser tool cannot fetch another site's HTML because cross-origin rules block it. You paste your tags or type the values, and the card renders from those — ideal for testing before you publish. X also retired its public Card Validator, so previewing from your tags like this — and building them with the Twitter Card Generator or Open Graph Generator — is now the practical way to check a card.
Not necessarily. X falls back to Open Graph tags for the title, description and image, so a minimal setup is to define twitter:card and optionally twitter:site, then let the rest inherit from your og: tags. Add dedicated twitter: tags only when you want X to show something different from other platforms.
For summary_large_image, use 1200 by 628 pixels — a wide image that fills the banner cleanly; the minimum is 300 by 157. For the summary card, a square image of at least 144 by 144 pixels is used. Keep files reasonably small in JPG, PNG, WEBP or GIF, and avoid important detail near the edges since the card can crop.
No. Your tags are parsed entirely in your browser with JavaScript, and the tool never makes a network request with your content. The only external request is the browser loading your image to display it in the preview. Nothing you paste is uploaded, logged or stored.
Confirm a card before you tweet the link.
See summary against summary_large_image side by side.
Find why a link shows no image or title on X.
Polish cards for paid and organic X campaigns.
Use the Twitter Card Preview with these tools from the SEO Toolkit: create the tags with the Twitter Card Generator, preview Facebook and LinkedIn with the Facebook & OG Preview, build the shared fallback tags with the Open Graph Generator, assemble a full head with the Meta Tag Generator, audit a page with the Meta Tag Analyzer, and check the search snippet with the SERP Snippet Preview.
Anyone sharing links on X.
Everything about Twitter Cards on X.
It renders a live preview of how your page will look when shared on X. You paste your twitter: meta tags or fill the fields, and the tool draws the card in either the summary or summary_large_image layout, then runs a checklist that flags any required Twitter Card property that is missing, inherited from Open Graph, or malformed.
Yes, completely. There is no cost, no sign-up and no limit on how many cards you preview. The tool runs entirely in your browser, so there are no server costs and nothing to pay for.
summary is a compact card with a small square thumbnail beside the title and description. summary_large_image shows a full-width banner image above the text and commands far more attention in the timeline. The twitter:card property selects which one X uses, and this tool previews both so you can compare.
The most important is twitter:card, which selects the layout — without it a card may not render. twitter:title, twitter:description and twitter:image control the content, and twitter:site attributes the card to your @handle. X falls back to your Open Graph tags for title, description and image when the twitter: versions are absent.
Not necessarily. X falls back to og:title, og:description and og:image when the matching twitter: tags are missing. A common efficient setup is to define twitter:card and twitter:site explicitly and let everything else inherit from your Open Graph tags, adding dedicated twitter: tags only when you want X to differ.
For summary_large_image use 1200 by 628 pixels for a clean wide banner; the minimum is 300 by 157. For the summary card a square image of at least 144 by 144 pixels is used. Keep files reasonably sized in JPG, PNG, WEBP or GIF and avoid important detail near the edges, since the card can crop.
The most common cause is that twitter:image points to a relative path rather than an absolute http or https URL — X fetches it from the open web, so it must be a full URL. The checklist flags this, and the preview shows a load error if the URL is absolute but the image itself cannot be retrieved.
No. Cross-origin rules prevent a private in-browser tool from reading another site's HTML. You paste your tags or type the values, and the card renders from those. This is the practical way to check a card now that X has retired its public Card Validator, and it is perfect for testing before you publish.
twitter:site attributes the card to a Twitter or X account, written as an @handle such as @yourbrand. It can show your account name on the card and is recommended for brands, though the card still renders without it. The checklist verifies your handle is well-formed if you include one.
No. Your tags are parsed entirely in your browser with JavaScript, and the tool never sends your content over the network. The only external request is your browser loading the image to display it. Nothing you paste is uploaded, logged or stored, so it is safe for unreleased pages.
Yes. The preview tester is fully responsive, so you can paste tags or fill fields and read the card and checklist from a phone or tablet. The input area, the live X card and the Twitter Card checklist all display cleanly on small screens just as they do on desktop.
Convert, compress, and resize images in multiple formats — JPG, PNG, WebP, ICO, and more.
Calculate in-hand salary, CTC breakup, tax deductions, and more for Indian employees.
Convert length, weight, temperature, speed, volume, and 200+ measurement units instantly.
Count words, convert case, generate lorem ipsum, find & replace text, and more writing utilities.
See the live Twitter Card for any page in both layouts, catch missing or malformed twitter: tags with the checklist, and make your shares look right on X before they go out. Free, private and instant in your browser.
🐦 Open the Preview Tester ← All Preview Tools