Twitter Card Generator
Generate Twitter card meta tags with a live mockup of the summary and large image card formats.
Twitter card tags with a live card mockup - summary or large image.
X / Twitter card (large image)
My page - Brand
A short, useful summary of what this page offers.
example.com
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="My page - Brand">
<meta name="twitter:description" content="A short, useful summary of what this page offers.">About the twitter card generator
X falls back to Open Graph when Twitter-specific tags are missing, so the main reason to add them is choosing the card type. summary_large_image gives a full-width image and takes far more space in a timeline than the small square summary card.
The creator and site handles attribute the post, which shows as a byline on the card.
How to use it
- 1Choose the card type. summary_large_image is right for most content.
- 2Write the title and description.
- 3Set an absolute image URL.
- 4Add site and creator handles.
- 5Copy the HTML.
Questions
Do I need Twitter tags if I already have Open Graph?
Not strictly, since X falls back to Open Graph. Add twitter:card if you want the large image layout rather than the default small one.
What image size works best?
The same 1200 by 630 as Open Graph for large image cards. Summary cards crop to a square, so keep the subject centred.
Why is my card not showing?
X caches card data. Change the URL, or wait for the cache to expire. Also check the image is publicly reachable without a login.