Cards Markup Tag Reference

Updated on Fri, 2013-08-16 10:25

The table in this section explains the OpenGraph fallback behavior for each Twitter tag.

Overview of all Twitter Card Tags

Property Card Value OpenGraph Fallback
twitter:card all summary, summary_large_image, photo, gallery, product, app, player
twitter:site summary, large_image_summary, photo, gallery, product, app, player @username of website
twitter:site:id summary, large_image_summary, photo, gallery, product, player Same as twitter:site, but the user's Twitter ID
twitter:creator summary, large_image_summary, photo, gallery, product, player @username of content creator
twitter:creator:id summary, large_image_summary, photo, gallery, product, player Twitter user ID of content creator
twitter:description summary, large_image_summary, gallery, product, player Description of content (maximum 200 characters) og:description
twitter:title summary, large_image_summary, photo, gallery, product, player Title of content (max 70 characters) og:title
twitter:image:src summary, large_image_summary, photo, product, player URL of image to use in the card og:image
twitter:image:width summary, photo, product, player Width of image in pixels og:image:width
twitter:image:height summary, photo, product, player Height of image in pixels og:image:height
twitter:image0, twitter:image1, twitter:image2, and twitter:image3 gallery 1st, 2nd, 3rd, and 4th image in the gallery, respectively
twitter:player player HTTPS URL of player iframe
twitter:player:width player Width of iframe in pixels
twitter:player:height player Height of iframe in pixels
twitter:player:stream player URL to raw video or audio stream
twitter:data1 product Top customizable data field, can be a relatively short string (ie "$3.99")
twitter:label1 product Customizable label or units for the information in twitter:data1 (best practice: use all caps)
twitter:data2 product Bottom customizable data field, can be a relatively short string (ie "Seattle, WA")
twitter:label2 product Customizable label or units for the information in twitter:data1 (best practice: use all caps)
twitter:app:name:iphone all Name of your iPhone app
twitter:app:id:iphone all Your app ID in the iTunes App Store (Note: NOT your bundle ID)
twitter:app:url:iphone all Your app's custom URL scheme (you must include "://" after your scheme name)
twitter:app:name:ipad all Name of your iPad optimized app
twitter:app:id:ipad all Your app ID in the iTunes App Store
twitter:app:url:ipad all Your app's custom URL scheme
twitter:app:name:googleplay all Name of your Android app
twitter:app:id:googleplay all Your app ID in the Google Play Store
twitter:app:url:googleplay all Your app's custom URL scheme