<!-- Twitter / X Card --> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="" /> <meta name="twitter:creator" content="" /> <meta name="twitter:title" content="" /> <meta name="twitter:description" content="" /> <meta name="twitter:image" content="" />
How it works
The Twitter Card Generator creates the twitter: meta tags that control how your URLs appear when shared on Twitter/X — choosing between summary card (small thumbnail), summary_large_image card (large hero image), app card, or player card, each with the appropriate required tags.
Twitter Card tags are separate from Open Graph tags even though they serve a similar purpose. Twitter reads og: tags as fallback but prefers twitter: tags when present. Without Twitter Card tags, a shared URL shows either a plain text link or a low-quality generated preview. With them, you control the exact visual presentation.
How to use it: select your card type, then fill in title (70 char limit), description (200 char limit), image URL (absolute HTTPS), and optional twitter:site (your @handle) and twitter:creator (author's @handle). The live preview shows how the card will appear on Twitter. Copy the generated tags.
Card type guide: summary shows a small square thumbnail with title and description — use for standard pages. summary_large_image shows a wide landscape image above the title — use for blog posts, articles, and landing pages where visual impact matters. app is for App Store / Google Play links. player is for embeddable video or audio.
Twitter Card Validator: before deploying, test your tags using Twitter's own Card Validator tool. The first time you add cards to a domain, Twitter must validate and whitelist it — the validator triggers this process.
Frequently Asked Questions
- summary shows a small square thumbnail (max 120×120px displayed) alongside title and description. summary_large_image shows a landscape image (displayed at ~500px wide) above the title — much more visually impactful for content sharing.
- Twitter must fetch and cache your page before a card can be shown. This happens automatically when the first tweet with your URL is published. You can trigger immediate validation using Twitter's Card Validator at cards-dev.twitter.com/validator.
- For summary_large_image: minimum 300×157px, recommended 1200×628px (to match og:image dimensions), maximum 5MB file size, must be a JPG, PNG, WebP, or GIF accessible over HTTPS.
- twitter:site is the @handle of the website or brand (e.g., @noxakit). twitter:creator is the @handle of the content author (for articles). Both are optional but add attribution context to the card display.