Drive more traffic to your website when it’s shared on Twitter by attaching photos, videos and media to your Tweets.
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.
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.
Card Property | Required |
---|---|
twitter:card | yes |
twitter:site | yes |
twitter:description | no |
twitter:app:id:iphone | yes, if iPhone app |
twitter:app:url:iphone | no |
twitter:app:id:ipad | yes, if iPad app |
twitter:app:url:ipad | no |
twitter:app:id:googleplay | yes, if Android app |
twitter:app:url:googleplay | no |
twitter:app:country | no if app is in US App Store, yes otherwise |
This is an App Card.https://t.co/FCbCGm47VP
— Web Code Tools (@web_code_tools) June 22, 2022
The Player Card embeds video and audio clips right into Tweets.
Card Property | Required |
---|---|
twitter:card | yes |
twitter:site | yes |
twitter:title | yes |
twitter:description | no |
twitter:player | yes |
twitter:player:width | yes |
twitter:player:height | yes |
twitter:image | yes |
twitter:image:alt | no |
This is a Player Card.https://t.co/MuGBLuIoXt
— Web Code Tools (@web_code_tools) June 22, 2022
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.
Card Property | Required |
---|---|
twitter:card | yes |
twitter:site | no |
twitter:title | yes |
twitter:description | no |
twitter:site | no |
twitter:image | no |
twitter:image:alt | no |
This is a Summary Card.https://t.co/fKF8QEWb9T
— Web Code Tools (@web_code_tools) June 22, 2022
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.
Card Property | Required |
---|---|
twitter:card | yes |
twitter:site | no |
twitter:title | yes |
twitter:description | no |
twitter:site | no |
twitter:image | no |
twitter:image:alt | no |
This is a Summary with Large Image Card.https://t.co/KeoWW1VybP
— Web Code Tools (@web_code_tools) June 22, 2022
Comments
Please leave your comments, feedback and suggestions below. 😊