Twitter Card Validator
Preview your X / Twitter card and validate twitter: and og: tags — instantly and client-side.
What is a Twitter Card?
A Twitter Card (now also called an X Card) is the rich preview that appears when someone shares your URL on X — usually a hero image with title, description, and your @handle, expanded inline in the feed. Cards are controlled by
<meta name="twitter:*"> tags in your <head>; X falls back to Open Graph (og:*) tags when the twitter-prefixed ones are missing. The four card types — summary, summary_large_image, player, app — produce different layouts, but summary_large_image is what most publishers use because it grabs the most attention. Validating cards before publishing matters because X aggressively caches the first version it sees, and broken cards quietly tank click-through rates. This validator parses your HTML locally and previews the card the way X would render it. Building schema as well? Use the Schema Generator. Auditing the rest of your head tags? Run the SEO Checker.Configure
Preview
Code
Input Method
Manually configure Twitter Card meta tags
Basic Twitter Card Settings
Configure the essential Twitter Card meta tags
Card TypeLarge image card for visual content. Recommended for most use cases.
summary_large_image
Title0 / 70
Description0 / 200
Image URLRecommended: 1200x630px (1.91:1 ratio)
Image Alt Text
Site Handle (@username)
Creator Handle (@username)
Validation ResultsValid
Suggestions (2)
twitterTitle: Consider adding a title for better engagement
twitterImage: Adding an image will improve engagement on Twitter
Quick Tips
Summary Large ImageRecommended for most use cases. Provides large, eye-catching previews.
Image RequirementsUse absolute URLs (https://). Max file size: 5MB. Supported formats: JPG, PNG, WEBP, GIF.
TestingUse Twitter's Card Validator to test your implementation after deployment.
How to use this tool
- 1Paste your page HTMLDrop the full <head> or the entire HTML document into the input. Only the meta tags need to be present.
- 2Read the parsed tagsThe validator extracts twitter: and og: tags, marks required-but-missing tags red, and lists every value found.
- 3See the live previewThe right pane renders the card the way X would — image, title, description, and domain badge.
- 4Fix and re-validateUpdate your HTML, paste again, and verify the preview matches your intent before deploying.