Generate Twitter Card meta tags with a live X (Twitter) card preview. Switch between summary and summary_large_image card types to see the exact layout. Generates all recommended tags including twitter:site, twitter:creator and twitter:image:alt.
Select between summary (small square image, title and description) and summary_large_image (large banner image, title and description). Enter your title, description, image URL and Twitter handle. The live preview updates immediately.
The live X (Twitter) card preview shows exactly how your link will appear when shared in a tweet. Toggle between card types to see the layout difference. summary_large_image is recommended for articles and blog posts as it dramatically increases visual impact.
Copy the generated meta tags and paste them into your page head section. Twitter falls back to og: tags if twitter: tags are missing, but having dedicated twitter: tags ensures optimal display. Validate with the Twitter Card Validator (cards-dev.twitter.com/validator).
A Twitter Card is the rich preview that appears when a URL is shared in a tweet. Without Twitter Card meta tags, shared links show only a plain URL. With them, tweets display a card with your image, title and description — dramatically increasing engagement. X (Twitter) falls back to Open Graph tags if twitter: tags are absent.
summary shows a small square thumbnail image on the left with title and description on the right. summary_large_image shows a large banner image above the title and description. summary_large_image requires a minimum 300×157px image and displays much more prominently in feeds — recommended for articles, blog posts and any content where visual impact matters.
twitter:site is the @username of the website or publisher (e.g. @Visiblytics). twitter:creator is the @username of the individual content author. Both should include the @ prefix. These link the content to verified Twitter accounts, which can improve trust signals and appears in some card displays. Both are optional but recommended.
twitter:image:alt provides alternative text for the card image, describing it for users who cannot see the image (visually impaired users using screen readers). It follows the same principles as HTML img alt attributes — describe the image content concisely. Maximum 420 characters. Including it is an accessibility best practice.
Yes — Twitter caches card data when a URL is first shared. To preview and invalidate cached cards, use the Twitter Card Validator at cards-dev.twitter.com/validator. Enter your URL to see the card preview and trigger a re-fetch of your updated meta tags.
Twitter falls back to og: tags automatically, so technically you only need OG tags. However, having explicit twitter: tags ensures optimal display and allows you to customise the Twitter presentation independently from Facebook (different image crops, different card types). For maximum control, use both sets of tags.
