$ previewer run twitter-card-validator

Twitter Card Validator

Preview and validate your Twitter Cards before sharing. Enter any URL to see how it will look on X, check your meta tags, and get instant feedback on what's missing.

validator.json

// enters your browser only — no data is stored or shared

light-preview.png
Card type detected summary_large_image
twitter:card Present
twitter:title Present
twitter:description Present
twitter:image Present
<!-- No tags fetched yet. Enter a URL and click Validate. -->

// why validate

Why Twitter Cards matter.

Better engagement

Posts with Twitter Cards get significantly higher engagement. The preview image, title, and description make your content more clickable.

Control your message

Without proper Twitter Cards, X generates a preview based on random page content. Validate your tags to ensure the right message appears.

Multiple card types

Different content needs different cards — summary for blog posts, large image for photos, app cards for mobile apps. Validate to choose the right one.

// what's inside

Everything you need to validate your Twitter Cards.

Live card preview

See exactly how your URL will look when shared on X — image, title, description, and domain.

Meta tag validation

Automatically check for required Twitter Card tags and get instant feedback on what's missing or incorrect.

All card types supported

Summary, summary_large_image, app, and player cards — detect or manually select the card type to test.

Open Graph fallback

If Twitter Card tags are missing, the validator falls back to Open Graph tags to show the best possible preview.

Light / dark mode

Preview your card in both X's light and dark display modes to ensure readability in both themes.

No data stored

All validation happens in your browser. URLs and meta tags are never stored or shared with any server.

// how it works

Three steps, one validated card.

zsh

$ enter-a-url // paste the URL you want to validate

$ click-validate // the tool fetches and parses meta tags

$ check-the-preview // see the card, fix any issues, and share with confidence

$

// best practices

Optimize your Twitter Cards.

01

Use the right card type

Choose summary_large_image for content with strong visuals, summary for text-heavy pages, and player for videos.

02

Optimize image size

For summary_large_image, use 1200×630px (2:1 ratio). For summary, use 120×120px. Always use high-quality images.

03

Keep titles short

Titles are truncated at 70 characters on X. Put your most important message in the first 70 characters.

04

Add Open Graph tags

X uses Open Graph tags as a fallback. Always include og:title, og:description, and og:image alongside Twitter tags.

// faq

Questions, answered plainly.

What is a Twitter Card?

A Twitter Card is a preview that appears when your URL is shared on X (Twitter). It includes an image, title, description, and domain, making your content more engaging in the feed.

How does this validator work?

Enter any URL, and the tool fetches the meta tags from that page. It validates the Twitter Card tags, shows a live preview, and alerts you to any missing or incorrect tags.

What card types are supported?

The validator supports all Twitter Card types: summary, summary_large_image, app, and player. It detects the card type from your meta tags and shows the appropriate preview.

Does this tool post anything to X for me?

No. This is a preview-only tool. It only fetches meta tags from your URL to validate and display a preview. It never posts to X on your behalf.

What happens if my page has no Twitter Card tags?

The validator will show warnings for missing tags and fall back to Open Graph tags if available. If no tags are found, it will display a generic preview with the page title.

Is my URL stored or shared?

No. All validation happens in your browser. The URL and meta tags are never stored on any server or shared with any third party.