Generate Twitter Card meta tags for your website. Control how your content appears when shared on Twitter with summary, large image, and player card types.
Twitter Cards display rich media alongside your tweets when someone shares your URL. They control the title, description, image, and type of card shown in the Twitter timeline. Proper implementation can significantly increase engagement and click-through rates from Twitter.
Twitter Card = <meta name="twitter:card" content="[type]"> + title + description + image + siteTwitter Card tags use the name attribute (not property like OG tags). The card type determines the display format: summary shows a small thumbnail, summary_large_image shows a prominent image, player shows video/audio, and app shows mobile app install buttons. Include twitter:site for your brand handle.
| Input | Output |
|---|---|
| Type: summary_large_image, Title: "My Blog Post", Image: example.com/img.jpg | <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="My Blog Post" /> <meta name="twitter:image" content="example.com/img.jpg" /> |
| Type: summary, Title: "Product", Site: @mybrand | <meta name="twitter:card" content="summary" /> <meta name="twitter:title" content="Product" /> <meta name="twitter:site" content="@mybrand" /> |
| Type: player, Title: "Video Post" | <meta name="twitter:card" content="player" /> <meta name="twitter:title" content="Video Post" /> |