Twitter Card GeneratorMeta Tags for X Link Previews

When someone shares your link on X, the preview decides whether anyone clicks. A bare URL looks like spam. A card with a clear image, a short title and a one-line description looks like a page worth opening.

Kwebby's Twitter Card Generator builds the meta tags that create that card. You pick a card type, fill in the fields, check the preview and copy the HTML. It belongs to Kwebby's Free Image Tools Online.

Key Takeaways

• Kwebby's Twitter Card Generator creates twitter:card, title, description, image, image alt, site and creator meta tags and shows a live preview.
• The platform has been called X since 2023, but the tags are still named twitter:*, and they still work.
• X falls back to your Open Graph tags for everything except twitter:card, so that one tag must always be set.
• Use summary_large_image with a 1200 by 630 image under 5 MB for articles and tools.
• App and Player cards need extra tags that you write yourself.
• The tool escapes quotes, ampersands and angle brackets and leaves out any field you leave empty.

What Is the Kwebby Twitter Card Generator?

Kwebby's Twitter Card Generator is a free tool that builds the Twitter card meta tags X reads when someone shares your link. You choose a card type and enter a title, description, image URL, image alt text and handles. A live preview shows the card, and a Copy button gives you HTML for your page head.

A Twitter card is a set of meta tags that controls how a shared link looks on X. The card type, title, description and image replace the plain URL with a richer preview.

Key Features and How It Works

The tool runs in your browser. Every change updates the preview and the generated code at once.

Card Type

Four buttons set the twitter:card value: Summary, Large Image, App and Player. Summary shows a small square thumbnail beside the text. Large Image shows a wide image above the text and suits most articles and tool pages. App and Player change only the card value in this tool, so you need to add their extra tags yourself.

Title and Description

The Title counter shows your length out of 70 characters, and the Description counter shows it out of 200. The numbers turn red when you go past the limit. Short titles and descriptions avoid truncation in the card.

Image URL, Image Alt Text, Site and Creator

Enter a full Image URL, an Image Alt Text that describes the picture, a Site @handle for your brand account and a Creator @handle for the author. The fields start empty, and the grey text in them is only a hint. Any field you leave empty is left out of the code.

X/Twitter Preview and Generated HTML

The preview mimics the card on X. Below it, the Generated HTML box lists the tags, and Copy puts them on your clipboard. The twitter:image tag is included for every card type when you enter an Image URL. Values are HTML-escaped, so a title such as Tom & Jerry's "Best" Episodes produces valid tags.

Why Twitter Cards Still Matter on X

Twitter changed its name to X on July 22, 2023, and twitter.com moved to x.com on May 17, 2024, according to Wikipedia. The meta tag names did not change. The SEO Framework's knowledge base, published in May 2026, says that X removed much of its Twitter Card documentation, but the metadata system still works.

Patrick Stox's guide adds the details that matter: every twitter:* tag falls back to its og:* equivalent except twitter:card, which has no Open Graph version. He also notes that the official Card Validator was deprecated in 2022 and that image sizes are community guidance rather than a fresh X specification.

How to Use the Twitter Card Generator

1. Choose a Card Type. Click Summary or Large Image. Use Large Image for most pages.
2. Enter the Title. Write a clear title and keep the counter under 70.
3. Enter the Description. Summarize the page in one or two sentences under 200 characters.
4. Add the Image URL. Paste the full address of your share image, starting with https://, and describe it in Image Alt Text.
5. Add the handles. Fill in Site @handle and Creator @handle, or leave them empty if you do not use them.
6. Check the preview and copy. Review the X/Twitter Preview, then click Copy and paste the tags into the head of your page.

Best Practices for Twitter Cards

Cards fail quietly, so small details matter.

Use name, not property

Twitter tags use the name attribute. Stox warns that writing property="twitter:card" makes the tag be silently ignored. The generator outputs name, so keep it that way when you edit.

Pair the tags with Open Graph

Because X falls back to Open Graph, one set of og: tags can cover X, Facebook and LinkedIn, with twitter:card added on top. Build them with the Open Graph Generator and check a live page with the Open Graph Checker. Common mistake: setting only OG tags and forgetting twitter:card.

Size the image correctly

Recommended summary_large_image images are about 1200 by 630 pixels (roughly 1.91:1) and under 5 MB in JPG, PNG, WEBP or GIF. Crop to that ratio with the Image Crop Tool and compress with the Image Optimizer. Common mistake: placing important text near the edges, where X may crop it.

Write alt text for the image

Fill in Image Alt Text so the tool adds twitter:image:alt. People using screen readers then get a description of the picture. Describe what the image shows in one short sentence.

Use a square image for Summary

The Summary card shows a small square thumbnail. Pick an image that still reads well when cropped to a square.

Do not rely on handles

Stox reports that X does not reliably show twitter:site and twitter:creator attribution. Keep them as harmless extras, but do not expect them to change the card.

Test on X

The official validator is gone. Paste your live URL into a draft post on X and look at the preview before you share the link. Also use the Meta Tag Generator for the other tags in your head.

Common Use Cases

• Blog posts: make every article share with a wide image and a clear title.
• Tool and product pages: show a screenshot or a simple graphic.
• Launch pages: control the preview for a new site before the announcement.
• Campaign links: pair a card with UTM parameters for tracking.
• Client sites: hand developers a clean block of tags to paste.

Related Kwebby Tools

These tools handle the other tags and the image:

• Open Graph Generator: create the Open Graph tags that X falls back to.
• Open Graph Checker: check the tags on a live URL.
• Meta Tag Generator: build the title, description and robots tags.
• Schema Markup Generator: add structured data beside your social tags.
• Image Crop Tool: crop the share image to a wide ratio.
• Image Optimizer: reduce the file size of the share image.

Final Thoughts

Kwebby's Twitter Card Generator gives you the core tags for an X link preview in a minute. Pick Large Image, write a short title and description, add a 1200 by 630 image and paste the code into your head. Then set Open Graph tags and test the link in a draft post. Explore more Kwebby tools for the rest of your page setup.