Twitter Card Generator

What it does

This generator writes the twitter: meta tags that control how a link looks when it is shared on X (formerly Twitter). Choose a card type, fill in a title, description, image URL, image alt text and optionally an @username, and it outputs twitter:card plus a tag for each field you filled: twitter:title, twitter:description, twitter:image, twitter:image:alt and twitter:site. Blank fields produce no tag. Values are escaped for HTML attributes. It runs in your browser, shows no preview, and does not enforce the length hints shown in the fields.

How to use it

1. Pick Card Type: Summary with Large Image for a wide image above the text, or Summary for a small square thumbnail.
2. Enter the Title and Description. The field hints say 70 and 200 characters, which match the limits in X's card documentation.
3. Paste an absolute Image URL, then describe the picture in Image alt text.
4. Add your Twitter @username if you want the site's account named in the card.
5. Click Generate Tags, then Copy, and paste the block into the page's <head>.

Check these before you publish

The alt tag is only written when both Image URL and Image alt text are filled, so an image without alt text ships with no description for screen reader users. Leaving Title or Description blank drops that tag entirely, which is fine only if the page already has Open Graph equivalents. The tool does not add the @ for you, so type it.

If your pages already carry Open Graph tags, X falls back to og:title, og:description and og:image when the matching twitter: tags are missing, so you may only need twitter:card. For the large image card, X's documentation describes a 2:1 image and lists file size and format limits. To check the result, paste the URL into a draft post and look at the preview. X caches cards, so changes can take time to appear.

Related guide: Title Tags and Meta Descriptions: The Complete Guide