Twitter / X Card Generator

What does your link look like when it is posted on X?

When someone puts your page's address in a post on X, formerly Twitter, a card with an image and a title appears under it. That card is built from the twitter tags in your page's head. Without them, or Open Graph tags, your link can show up as a plain line with no image that followers scroll past. Jood's Twitter / X card generator writes those tags for you and lets you choose the card's layout.

How to use it

1. Write the "Page Title", the only required field, then the "Description".
2. Choose the "Card Type" and add the "Image URL".
3. Add your site's "Twitter Handle" and the "Author account" if you like. You can type them with or without @, as the tool adds it.
4. Click "Start Now", copy the code with "Copy Result" and paste it inside the head tag.

Handles accept English letters, digits and underscores, up to 15 characters, as X requires.

Which type should you pick?

• summary_large_image: a large image across the full width of the card, with the title on top of it. It is the best fit for articles and products, because the image catches the eye.
• summary: a small square image next to the title and a short description. It suits pages without a telling image, or when the logo is the image.

Tips before you post

• Open Graph is sometimes enough: when X finds no twitter tags, it has long taken the title, description and image from the Open Graph tags. The twitter:card tag still sets the card layout clearly, so add at least that one.
• The full image address: it starts with https://, and the large image works best at roughly a 2 to 1 ratio.
• Cards are cached: after a link is first posted, X may keep the old card for a while, so do not worry if your change does not show right away.
• A short title reads better: the tool warns you if the title runs past 70 characters, if the description runs past 200, or if you forgot the image.

For link previews on Facebook, WhatsApp and LinkedIn, use the Open Graph tag generator, and for all the basic page tags, the meta tag generator.

FAQ