Twitter Card Generator - Create Twitter Meta Tags
Generate Twitter Card meta tags for tweet previews. Support summary, summary_large_image, app, and player card types.
0/70
0/200
How to Use
- Select the Card Type: 'Summary Large Image' is recommended for articles with compelling visuals.
- Enter the twitter:title (max 70 characters) and twitter:description (max 200 characters).
- Add the twitter:image URL — images should be at least 800×418 pixels for summary_large_image.
- Add your twitter:site handle (your website's Twitter account) and twitter:creator (content author).
- Click 'Generate Twitter Card' to create the code, then paste it into your HTML <head> section.
About Twitter Cards
Twitter Card Types Explained
Twitter supports four card types: Summary (small square thumbnail with title and description — default for most pages), Summary Large Image (full-width rectangular image — best for articles and blog posts), App (designed to promote mobile apps with install links), and Player (embeds video or audio players directly in tweets). Summary Large Image cards get significantly more engagement than basic Summary cards.
twitter:image Requirements
For Summary cards, images should be at least 144×144 pixels with a 1:1 aspect ratio. For Summary Large Image cards, use at least 800×418 pixels with a 2:1 aspect ratio. Maximum file size is 5MB. Supported formats: JPG, PNG, WEBP, and GIF. Twitter fetches images and creates its own cached version — use Twitter Card Validator to preview how your card looks before publishing.
twitter:site vs twitter:creator
twitter:site is the Twitter @username of the website publishing the content (e.g., @YourCompany). twitter:creator is the @username of the content creator or author (e.g., @AuthorName). For multi-author publications, twitter:creator changes per article while twitter:site stays constant. Both fields help Twitter attribute content properly and can improve discoverability.
Fallback to Open Graph
If Twitter Card tags are not present, Twitter automatically uses Open Graph (og:) tags as a fallback. However, explicitly setting Twitter Card tags gives you more control over the card appearance. For example, twitter:image:alt lets you add alt text to the card image for accessibility. Using both Twitter Card and Open Graph tags is the recommended approach for maximum compatibility.
Key Features
- Supports all four Twitter Card types: summary, summary_large_image, app, player
- Live preview showing how the card will look on Twitter
- Character counters for title (70) and description (200) limits
- Generates both twitter: meta tags and falls back gracefully to og: tags
Common Applications
- Optimizing article and blog post sharing on Twitter for maximum engagement
- Setting up Twitter Cards for e-commerce product pages
- Promoting mobile apps with Twitter App Cards
- Ensuring brand assets and messaging display correctly in Twitter shares