Twitter Card Generator

Fills in a form for card type, title, description, image URL and site handle, and generates the corresponding twitter:* meta tags that control how a link previews when shared on X (Twitter).

Pick a card type, then fill in the fields you want to control — title, description, image URL and your @handle. The generated meta tags update live below the form as you type; only fields you've filled in are included. Copy the result and paste it into the head of the page it describes.

Choosing "summary_large_image", a title of "10 Tips for Faster Websites", a description, an image URL and site "@quiklio" produces five meta tags: twitter:card, twitter:title, twitter:description, twitter:image and twitter:site, each as a separate meta line.

"summary" shows a small square thumbnail next to the title and description, suited to short-form content or pages without a strong hero image. "summary_large_image" shows a full-width image above the text and is the most common choice for articles, product pages and blog posts. "app" and "player" are specialized types for promoting a mobile app or embedding video/audio directly in the timeline.

X reads twitter:* tags first, but falls back to the equivalent Open Graph tags (og:title, og:description, og:image) for anything you leave out — so most sites set both Open Graph and Twitter Card tags together rather than duplicating every value in two formats. See the Open Graph Generator for the og:* equivalents.

This tool only generates the meta tag markup — it doesn't validate that your image meets X's size or aspect-ratio recommendations, doesn't check that the URLs are reachable, and doesn't preview how the card will actually render. Test the finished page with a card-preview/validator tool after publishing, since caches can also keep an old preview around after you change the tags.

Tag names and behavior follow X's (Twitter's) publicly documented Cards markup. Generation happens entirely in your browser; nothing you type is sent to a server or stored.