Twitter Card Generator

Drive more traffic to your website when it’s shared on Twitter by attaching photos, videos and media to your Tweets.

About Twitter Cards

Twitter Cards allow you to attach photos, videos, and media to Tweets, helping to drive more traffic to your app or website. Just by adding a few lines of HTML to your web page, users who Tweet links to your page will see a “Card” appear in the Tweet.

App Card

The App Card retrieves relevant Card data from the App Store and Google Play. By specifying each App ID to the respective app store, Twitter will automatically get the app data like the number of reviews, price and more.

Reference

Card PropertyRequired
twitter:cardyes
twitter:siteyes
twitter:descriptionno
twitter:app:id:iphoneyes, if iPhone app
twitter:app:url:iphoneno
twitter:app:id:ipadyes, if iPad app
twitter:app:url:ipadno
twitter:app:id:googleplayyes, if Android app
twitter:app:url:googleplayno
twitter:app:countryno if app is in US App Store, yes otherwise

Create an App Card
Example of App Twitter Card

Player Card

The Player Card embeds video and audio clips right into Tweets.

Reference

Card PropertyRequired
twitter:cardyes
twitter:siteyes
twitter:titleyes
twitter:descriptionno
twitter:playeryes
twitter:player:widthyes
twitter:player:heightyes
twitter:imageyes
twitter:image:altno

Create a Player Card
Example of Player Twitter Card

Summary Card

The Summary Card can used for most web pages – static content, blog posts, news articles, e-commerce, etc. Its purpose is to give the reader a preview of the content before clicking through to your website.

Reference

Card PropertyRequired
twitter:cardyes
twitter:siteno
twitter:titleyes
twitter:descriptionno
twitter:siteno
twitter:imageno
twitter:image:altno

Create a Summary Card
Example of Summary Twitter Card

Summary with Large Image Card

The Summary Card with Large Image is similar to the Summary Card, as it can used for most web pages, but features a larger, full-width image in a Tweet. Its goal is to give the reader a preview of the content before clicking through to your website.

Reference

Card PropertyRequired
twitter:cardyes
twitter:siteno
twitter:titleyes
twitter:descriptionno
twitter:siteno
twitter:imageno
twitter:image:altno

Create a Summary with Large Image Card
Example of Summary with Large Image Twitter Card