Developer Tools
Twitter Card Generator
🔒 Werkt in je browser
Generate Twitter Card meta tags with a live preview. Choose card type, add title, description, and image URL — get ready-to-paste HTML instantly.
Hoe gebruik je deze tool
- Choose a card type — summary or summary with large image.
- Add the title, description, and image URL, and watch the preview.
- Copy the twitter: meta tags into your page's <head>.
Card Type
Recommended: under 70 characters. Falls back to your page <title> if omitted.
Recommended: under 200 characters. Falls back to meta description if omitted.
Recommended: 1200 × 630 px, JPG or PNG, under 5 MB.
Twitter account for the website.
Twitter account of the content author.
Live Preview
Image URL (1200 × 630 px recommended)
Card title
Card description appears here.
@yoursite
Approximate preview — exact rendering varies on Twitter/X.
Generated HTML
<meta name="twitter:card" content="summary_large_image">
Paste these tags inside the <head> element of your HTML page. Twitter fetches the card when someone shares your URL.
Veelgestelde vragen
- What card types are there?
- Summary (a small square thumbnail beside the text) and summary_large_image (a wide banner image above the text). The tag twitter:card selects which one.
- Do I still need an image?
- For the large-image card, yes — twitter:image points to it. The summary card works without one but looks plainer.
- What if I only set Open Graph tags?
- X/Twitter falls back to Open Graph tags for title, description, and image, but Twitter-specific tags let you control the card type explicitly.
- Is my input sent anywhere?
- No. The meta tags and preview are generated locally in your browser.