Twitter Card Generator

Controlling how your links look when shared on X

When someone posts one of your URLs on X, the platform reads meta tags from the page to build a card with a headline, a short summary and a picture. This tool writes those tags. You choose between the large image card and the compact summary card, type your text, and receive a block of meta elements to add to the page. The code is generated in your browser, and nothing is sent to X or anywhere else.

Step by step

1. In the Card Type menu, keep Summary with Large Image for a full-width picture, or switch to Summary for a small thumbnail beside the text.
2. Write the Title and Description the way you want them to read in the feed.
3. Give the full address of the picture, starting with https://, in the Image URL box, and say what it shows in the alt text box.
4. Optionally type the site's X handle, including the @ sign, in the username box.
5. Press Generate Tags, press Copy, and paste the lines into the head of the page template.

What to watch for

Check the image lines in the output. A twitter:image:alt line appears only when you typed alt text and an image address; skip the alt box and people using screen readers get nothing. Empty title and description boxes are simply left out. The character counts in the boxes are only hints; nothing stops you from going past them, and X may shorten long text.

The handle goes into twitter:site, which X describes as the account of the website. To credit the author of an article, add a twitter:creator tag by hand. The generator does not write Open Graph tags either. X reads og: values when twitter: ones are absent, so a page with good Open Graph markup mostly needs just the card type line.

Questions people ask

Do I still need these tags if I have Open Graph tags?

Mostly not for the text and image, since X uses og:title, og:description and og:image as fallbacks. You do want twitter:card, because that is what picks the card layout.

Why is my new image not showing when I share the link?

X caches card data, so an older version can stick for a while. Also confirm that the image URL is absolute, publicly reachable, and not blocked by robots.txt, since X's crawler has to fetch it.

Which card type should I choose?

The large image card suits articles and pages with a strong visual. The plain summary card works where a logo or small square picture is enough, such as a product or profile page.

Further reading: Missing Head Tag: Why It Breaks Your SEO Tags and How to Fix It and Image SEO: The Complete Guide.

The same tool is also published on the static mirror at seoprocheck.github.io, and the rest of the set is on the free tools page.