Create optimized Twitter Card meta tags and preview your rich snippets for X.
Fill the form and click generate to see your Twitter Card code.
Turn plain text URLs into rich media previews on X — how Twitter Cards actually work, and answers to the questions we get asked most.
<head> that tell X exactly
which title, image, and description to show when your link is shared —
without them, X falls back to guessing, which usually means no image at
all.
Twitter Cards are meta tags that tell X how to render a rich preview of your page when a link is shared — a large image, a clear headline, and a short summary instead of a bare URL.
When someone pastes a plain link into a post, X's crawler visits that
URL looking for specific twitter: properties in the page
source. Find them, and it builds an interactive card with the exact
title, image, and description you specified. Find nothing, and it
either falls back to Open Graph tags if present, or renders the link
as plain, unstyled text — which gets meaningfully less engagement in
a feed full of visual cards.
Summary with Large Image uses a full-width banner and drives the highest click-through rate for most content; Summary uses a small square thumbnail better suited to text-dense or documentation pages.
The generator above previews both card types live as you fill in the form, and checks your image against each type's minimum size — 300×157px (roughly a 2:1 ratio) for Summary with Large Image, or 144×144px for Summary — flagging it before you publish rather than after X has already rejected or cropped it awkwardly.
Copy the generated meta tags and paste them anywhere inside your
page's <head> element — order doesn't matter, only
placement does.
Open your site's theme file or page template, and drop the code block
in above the closing </head> tag. If you're
checking the box to also generate Open Graph tags, both sets can sit
together in the same place — X reads its own twitter:
tags first and only falls back to og: tags if a specific
Twitter property is missing, so having both covers Facebook, LinkedIn,
and X from one code block.
A rich card with an image and headline consistently outperforms a bare link sitting in a crowded timeline.
Your image is checked against X's actual minimum dimensions and aspect ratio the moment you paste the URL — not after sharing.
Optionally generate matching Open Graph tags alongside Twitter Card tags, covering Facebook and LinkedIn shares too.
https://yourdomain.com/page/?v=2 —
forces X's crawler to treat it as a new link and re-fetch your
current tags. The canonical URL field in this generator should
still point to your clean, real URL; the version parameter is
only for forcing a fresh crawl when re-sharing.
twitter: tags are missing, X's parser
automatically falls back to your existing Open Graph tags, like
og:title and og:image — so a card
will still render. Declaring dedicated Twitter tags is still
worth doing, though, since it lets you set a different card
layout, attribute a specific author with
twitter:creator, and control exactly what X shows
independent of how Facebook or LinkedIn render the same link.
Check "Also generate matching Open Graph tags" above to get
both sets from a single form.
twitter:site attributes the card to the website or
brand's own handle and appears as the small byline on the card
itself — this is the field most sites should always fill in.
twitter:creator is optional and credits the
individual author of that specific piece of content, which
matters most for blogs, news sites, or any page with a named
writer distinct from the brand account. Both fields accept a
handle with or without the @ symbol — the
generator normalizes it automatically.