When you share a link on X, formerly Twitter, it can appear as a plain blue URL or as a rich card with a big image, title and description. The rich card stands out in a fast moving timeline and gets far more clicks. Twitter card tags make the difference, and they take only a minute to add.
What are Twitter cards
Twitter cards are meta tags that tell X how to display your link. The main types are:
- Summary with large image: a wide image above the title and description, best for articles and products
- Summary: a small square thumbnail next to the text
The key tags are twitter:card, twitter:title, twitter:description, twitter:image and optionally twitter:site for your account handle.
How our generator works
The Twitter Card Generator builds all card tags from a simple form and shows a live preview while you type. Copy the result into the head of your page.
How to use it
- Open the Twitter Card Generator.
- Enter title, description, page URL and image URL.
- Add your X username if you have one.
- Choose the card type.
- Copy the tags into your page.
Tips for better cards
- Use the large image card for most content. It gets noticeably more attention.
- Use images around 1200 by 630 pixels with a light file size.
- Keep the title short and specific, under about 70 characters.
- Write a one line description that shows the benefit.
- Add your handle so your account gets credit when people share your links.
Do I need both Open Graph and Twitter tags
X can fall back to Open Graph tags if Twitter tags are missing. However, adding both gives you full control. Many sites set Open Graph tags for all platforms and add twitter:card to choose the large image layout. Create Open Graph tags with the Open Graph Generator.
Check your tags on live pages
After adding the tags, confirm they appear on the live page with the Meta Tags Analyzer. It lists every meta tag, including Twitter tags, so you can catch typos or missing images.
Cards for every content type
Different pages need different card styles. Blog articles and news posts work best with the large image card and a strong headline. Product pages can use the product photo with the price in the description. Your homepage can use a branded banner. Setting the tags in your templates means every new page automatically gets a good card without extra work each time you publish.
A quick example
A cricket news blog posted match updates on X several times a day. Their links appeared as plain URLs, so followers scrolled past them. After adding large image cards with the match photo and a short score summary in the description, link clicks from X increased steadily over the next few weeks. Nothing else in their posting routine changed, only how the links looked in the timeline.
Test before a big post
Before sharing an important announcement, product launch or viral article, paste the link into a draft post on X and look at the preview. If the image is missing or the title is wrong, fix the tags first. A broken preview on your biggest post of the month is a missed opportunity that cannot be repeated.
Frequently asked questions
Why is my card not showing
Make sure the image URL is public and absolute, the page is accessible and the tags are inside the head section.
Does X still support Twitter card tags
Yes. The tag names still start with twitter even after the rebrand.
Can I use a different image than Open Graph
Yes. Twitter image tags can point to a different image if you want a special layout for X.
Create your card in seconds with the free Twitter Card Generator.