Twitter Card Generator
One Tag, Or The Whole Block
This Twitter card generator writes one tag or the whole block, turning a posted link into a card with a picture. It can write the minimum, since Twitter already reads your Open Graph tags, or the full pair for a page that has neither.
- FreePrice
- 4Card types
- NoneSign-up
- NoneUploads
Twitter Card Generator
The twitter: tags, and only the ones you need
Ready. Pick a card type and fill in the title.
What A Card Is And Which Tags Build It
Post a link and the timeline shows a card: a picture, a headline, a line of description and your domain. Cards take far more space than a bare link, so they earn far more attention.
The tags behind them look like ordinary meta tags with a twitter: prefix. One has no equivalent anywhere else, and the rest simply duplicate Open Graph.
That one is twitter:card. It says which shape you want, and without it the platform falls back to the smallest option it has.
Everything else is optional. So the honest advice runs like this: write Open Graph tags once, then add a single twitter: line beside them.
The Four Card Types
Summary with a large image is the one people mean. It shows a wide picture above the headline and takes the most room in a feed.
The summary card shows a small square image next to the text. It suits a page whose image is a logo rather than a photograph.
App and player cards are narrower in every sense. App promotes a store listing, and player embeds video or audio, which the platform approves by hand.
Name, Not Property
Twitter card tags rely on name, not property. Open Graph uses property, since it grew out of RDFa. Copy a tag from the wrong example and the platform ignores it.
The meta element reference explains why both spellings exist. This generator writes each family with its own attribute, so the difference stays invisible to you.
What The Handles Do
twitter:site names the account that owns the page, and twitter:creator names the writer. Neither changes the card much. Both matter in analytics, where they attribute the link to an account.
Pictures That Still Work After Cropping
A large image card wants something close to 2 to 1, and 1200 by 628 works everywhere. Smaller than 5 MB and delivered over https.
Summary cards crop to a square instead. Anything important near the left or right edge disappears, so keep the subject centred.
Text inside an image shrinks with the card. Put your words in the title, where they stay readable on a phone.
Why A Card Beats A Bare Link
A bare link is one line of blue text. A card takes several times that space and carries a picture, so it wins the glance.
It also answers the first question a reader has. What is this, and who published it, both appear before anybody clicks.
That matters most on a platform where posts scroll past in seconds. The card is the advert, and the post is the caption.
None of which helps if the tags are wrong. A broken card takes the same space as a bare link and looks careless as well.
Why A Card Beats A Bare Link
A bare link is one line of blue text. A card takes several times that space and carries a picture, so it wins the glance.
It also answers the first question a reader has. What is this, and who published it, both appear before anybody clicks.
That matters most on a platform where posts scroll past in seconds. The card is the advert, and the post is the caption.
None of which helps if the tags are wrong. A broken card takes the same space as a bare link and looks careless as well.
Cards Are Cached
The platform stores what it scraped, sometimes for days. Fix a tag, post again, and the old card can still appear. Running the validator against the address clears it.
Working With the Twitter Card Generator
Four steps, and your choice in step two sets how much code you get.
- 1
Choose the card type
Large image for anything with a photograph. Summary when your only picture is a logo, since a stretched logo looks worse than a small one.
- 2
Settle on a length for the text
Leave Only the tags that differ ticked when your page already has og: tags. Untick it for a page with none.
- 3
Fill in the title, image and handles
Titles up to 70 characters survive. The preview shows the crop shape, so you can check the picture before it goes live.
- 4
Paste, then validate
Put the block in your head and run the address through the card validator. Otherwise a cached card sits there for days.
Where This Card Generator Goes Further
Most tools write eight twitter: tags whether you need them or not. This one asks first, then explains the answer.
A minimal mode that is the default
Since the platform reads og: tags, one line is usually enough. Ticking the box writes that line and nothing else.
Both families, correctly spelled
twitter: tags take name and og: tags take property. This writes each family with the attribute it needs.
A card preview with the right crop
Large image cards are wide and summary cards are square. The preview switches with the type, so the shape is never a surprise.
Handles cleaned as you type
One leading at-sign, no spaces, fifteen characters. Pasting a full profile address still produces a valid handle.
Player fields when they apply
Choose a player card and the embed fields appear, with a note that the platform approves those by hand before they work.
Nothing leaves your tab
Campaign copy and unreleased addresses stay here. The page fetches nothing, stores nothing and logs nothing.
Rules For Cards That Earn Clicks
A card competes with everything else in a feed. These habits are what make it win that competition.
- Write og: tags first. They serve every other network as well, and the platform falls back to them. One block instead of two is less to keep in step.
- Match the card type to the picture. A photograph wants the large image card. A logo wants the summary card, because stretching a logo across a feed looks cheap.
- Hold card titles below 70 characters. Past that the card cuts, and the cut lands wherever the width runs out rather than at a word you chose.
- Centre the subject of the image. Crops take the edges. A face or a product at the left edge survives on a desktop and vanishes on a phone.
- Describe the card image in twitter:image:alt. One line, and it gives a screen reader something to announce instead of the picture. Almost nobody bothers.
- Use https for everything. The platform drops plain http images. It also drops anything behind a login, a staging password or a hotlink rule.
- Validate after every change. The cache is the reason your card looks wrong. Run the address through the validator rather than posting a test link.
- Stick to a single card image for each page. A second image tag makes the platform choose, and it rarely chooses the one you meant. One tag removes the question.
- Check how it reads without the picture. Some clients strip images entirely. The title and the domain have to carry the link on their own.
Six Card Mistakes That Waste A Post
Each of these leaves you with a working page and a link that shows as plain grey text.
Writing property where name belongs
The tag becomes an og: tag that nothing recognises. Valid HTML, ignored completely, and hard to spot by eye.
A summary_large_image card missing its picture
The platform falls back to a small card, so the post takes a third of the space you were expecting.
Writing every twitter: tag twice
Duplicating og: tags in twitter: form doubles the block for no gain. The fallback already covers all four.
An image smaller than 144 by 144 pixels
Below roughly 300 pixels wide, the card drops the picture. Aim for 1200 by 628 and you never think about it again.
Tags that a script inserts later
The scraper reads the served HTML and runs no scripts. Tags injected by JavaScript are invisible to it.
A handle with the full URL in it
twitter:site takes an at-sign and a name. A profile address there vanishes quietly, and the attribution goes with it.
Card Questions People Ask
Are Twitter card tags still worth adding?
twitter:card is the one tag X insists on. The platform reads og:title, og:description, og:image and og:url when the twitter: versions are missing, so the rest are duplicates.
Which image size suits a summary_large_image card?
Use 1200 by 628 for a large image card, which is close to 2 to 1. Summary cards crop square, so keep the subject in the middle.
Why does my card show as plain text?
Usually a missing twitter:card tag, an image the scraper cannot reach, or tags added by JavaScript after the page loads. Check those three first.
How do I get an x card preview?
Use the platform card validator on the live address. The preview here shows the shape and the cut lengths, while the validator shows the cached result.
Does the card affect SEO?
Not directly, since these tags live outside search. They shape how often people click links shared on X, a separate figure that is often bigger.
How do site and creator differ?
The site handle names the account that publishes the page. The creator handle names the person who wrote it. Both show up in analytics rather than on the card.
Can I use a player card for my own video?
Only after approval. The platform reviews player cards by hand, and until it approves yours the link falls back to a summary.
Which part of my HTML should hold these Denwix tags?
In the head element of the page you share, beside the rest of your meta tags. Keeping both families together makes an audit easier later.
Do cards work in other apps?
The og: tags do, which is why this page writes them too. Slack, WhatsApp, LinkedIn and Discord all read the same four properties.
Do cards work in other apps?
The og: tags do, which is why this page writes them too. Slack, WhatsApp, LinkedIn and Discord all read the same four properties.
Does this page send my text anywhere?
No. Your browser writes every tag, and the page fetches no address. This site stores nothing and logs nothing.
Tools For Social Links
Cards are tags plus an image. These three handle both parts and the head around them.
Open Graph Generator
The four properties every network reads.
Open tool →JPG to WebP Converter
Shrink a card image without losing the detail.
Open tool →Meta Tag Generator
Title, description and canonical for the same page.
Open tool →
Ready to Build Your Twitter Card?
Pick a type, fill in a title, and copy the block. The Twitter card generator is free, needs no account, and keeps every word on your device.