Skip to content
fixyour.page

Twitter Card Validator

Preview and validate Twitter Card meta tags.

Your data stays in your browser
Heads up. X (formerly Twitter) deprecated its official Card Validator in 2022 and publishes limited specs now. These checks use the 2020 Twitter guidelines and Open Graph protocol. Your card may still render fine even if a check warns.
Paste your HTML source. We'll tell you if Twitter agrees.

Related Tools

OG Tag Previewer

Preview Open Graph tags as they appear on Facebook, Twitter, and LinkedIn.

Use tool →

Meta Tag Generator

Generate meta tags, Open Graph tags, and Twitter Card markup for any page. Real-time preview with copy and download.

Use tool →

Schema.org Generator

Generate JSON-LD structured data for LocalBusiness, Product, FAQ, Article, and 12+ schema types.

Use tool →

Canonical Checker

Verify canonical URL tags in your page source.

Use tool →

How to Validate Your Twitter Cards

View Source on your page (Ctrl+U on Windows, Cmd+Option+U on Mac), copy the entire HTML, and paste it above. The tool parses every Twitter Card and Open Graph meta tag, shows you exactly how your card will render on Twitter/X, and runs a validation checklist against Twitter's requirements. You'll know what's missing, what's too long, and what's falling back to OG tags before you tweet a single link.

Twitter retired their official Card Validator in 2022. Third-party alternatives usually require a live URL. This tool works with raw HTML — test your cards before the page is even deployed.

What Are Twitter Cards?

Twitter Cards are meta tags that control how your link appears when someone shares it on Twitter/X. Instead of a bare URL, Twitter shows a rich card with an image, title, and description. You control this by adding <meta name="twitter:..."> tags to your page's <head>. Without them, Twitter falls back to Open Graph tags — and if those are missing too, you get whatever Twitter's crawler decides to grab.

Summary vs Summary Large Image

Twitter supports two card types for most sites. The summary card shows a small square thumbnail on the left with title and description on the right — good for articles and reference pages where the image isn't the main draw. The summary_large_image card puts a large banner image on top — ideal for blog posts with hero images, product launches, or anything visual. Set the type with <meta name="twitter:card" content="summary_large_image">.

Twitter Card Image Requirements

For summary cards: minimum 144×144 pixels, maximum 4096×4096 pixels, 1:1 aspect ratio. For summary_large_image cards: minimum 300×157 pixels, recommended 1200×600 pixels, 2:1 aspect ratio. Both types: maximum 5 MB file size, JPG, PNG, WEBP, and GIF formats supported. The image URL must be absolute (full https:// path) — relative URLs won't work.

The OG Tag Fallback Chain

Twitter reads twitter:* tags first. If they're missing, it falls back to Open Graph (og:*) tags. If those are missing too, it looks at your HTML <title> and <meta name="description">. This means you can often get away with just OG tags and a twitter:card tag. But if you want different copy on Twitter than on Facebook or LinkedIn, set explicit twitter:title and twitter:description values.

Do I need both twitter: and og: tags? +
Not always. Twitter falls back to og: tags when twitter: tags aren't set. But you must set twitter:card to control the card layout — without it, Twitter defaults to a small "summary" card. Best practice: set your OG tags, add twitter:card, and only add other twitter: tags if you want different content on Twitter vs other platforms.
What happened to the official Twitter Card Validator? +
Twitter deprecated their Card Validator tool in 2022 when they removed the card preview feature. You can still request that Twitter re-crawl a URL through the validator page, but you can no longer preview what the card looks like. That's the gap this tool fills — paste your HTML and see the card render without needing a live URL or a Twitter account.
Why is my Twitter Card not showing an image? +
Most common causes: the image URL is relative instead of absolute (Twitter needs a full https:// URL), the image is too small (144×144 minimum for summary, 300×157 for large), the image is behind authentication or a CDN that blocks Twitter's crawler, or the file is over 5 MB. Check your twitter:image tag points to a publicly accessible, correctly sized image.
What card types does Twitter/X support? +
For most websites, Twitter supports two card types: summary (small square image, title, description) and summary_large_image (large banner image on top). There are also player and app card types, but these require approval from Twitter and are used for embedded media and app install cards respectively. Stick with summary or summary_large_image for standard web pages.
How long until Twitter refreshes my card after I update tags? +
Twitter caches card data for about 7 days. If you update your meta tags and want to see the changes sooner, you can request a re-crawl using Twitter's Card Validator page (cards-dev.twitter.com/validator) — the preview feature is gone, but the crawl request still works. Alternatively, appending a query parameter to your URL (like ?v=2) forces Twitter to treat it as a new URL and fetch fresh metadata.
↑ Back to top