Twitter Card Preview

Preview and generate Twitter Card meta tags for all card types. See how your link will appear when shared on X (Twitter).

Card Details

0/70
0/200

Image requirements for Summary Large Image

300ร—157 to 4096ร—4096 (2:1)

Title is required for all card types.

Add twitter:site for attribution (@username).

Image URL is required for Summary and Summary Large Image cards.

Card Preview

@

username

@username

Check out this article! ๐Ÿ”—

example.com

Title

Description

๐Ÿ’ฌ 12๐Ÿ” 45โค๏ธ 128๐Ÿ“Š 1.2K

Meta Tags

<meta name="twitter:card" content="summary_large_image" />

What Are Twitter Cards?

Twitter Cards (now X Cards) are HTML meta tags that control how your links appear when shared on X (formerly Twitter). Instead of plain text URLs, Cards display rich media โ€” images, titles, descriptions, and even video players โ€” making your content significantly more engaging.

Our preview tool lets you visually test all 4 card types, validate your meta tags, check image requirements, and generate ready-to-use HTML โ€” all without leaving your browser.

Twitter Card Types Explained

๐Ÿ“‹ Summary

Small thumbnail on the left with title and description. Ideal for articles and blog posts. Image: 144ร—144 to 4096ร—4096 (1:1).

๐Ÿ–ผ๏ธ Summary Large Image

Large prominent image above title and description. Best for visual content and articles with striking images. Image: 300ร—157 to 4096ร—4096 (2:1).

๐Ÿ“ฑ App Card

Direct app install link with icon from app stores. Perfect for promoting mobile apps with direct download CTAs.

โ–ถ๏ธ Player Card

Embedded video or audio player. Requires HTTPS iframe URL. Great for podcasts, videos, and interactive media.

Essential Twitter Card Meta Tags

TagRequired?Description
twitter:cardโœ… YesCard type (summary, summary_large_image, app, player)
twitter:titleโœ… YesTitle of your content (max 70 characters)
twitter:descriptionRecommendedContent description (max 200 characters)
twitter:imageRecommendedImage URL for the card
twitter:siteRecommended@username of the publisher
twitter:creatorOptional@username of the content creator

Frequently Asked Questions

What are Twitter Cards?โ–ผ
Meta tags that make your shared links display rich media (images, titles, descriptions) on X/Twitter instead of plain URLs.
What's the best card type?โ–ผ
Summary Large Image is most popular โ€” the large image draws attention. Use Summary for text-heavy content, App for apps, Player for video.
What image size should I use?โ–ผ
For Summary Large Image: 1200ร—628px (2:1 ratio). For Summary: 144ร—144px minimum (1:1). All images must be under 5MB.
Why isn't my card showing?โ–ผ
Check: required tags present, image URL accessible, image meets size requirements. Clear Twitter's cache by requesting the URL again.
Do Twitter Cards need Open Graph too?โ–ผ
Twitter falls back to OG tags if twitter-specific tags are missing. Best practice: have both for maximum compatibility across platforms.
What is twitter:site vs twitter:creator?โ–ผ
twitter:site = the publisher's @username. twitter:creator = the author's @username. A news site might use @NYTimes and @reporter.