Cards markup

Cards Markup Tag Reference

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

Overview of all Twitter Card Tags

Property OpenGraph

twitter:card

The card type

Used with all cards

og:type

If an og:type, og:title and og:description exist in the markup but twitter:card is absent, then a summary card may be rendered.

twitter:site

@username of website. Either twitter:site or twitter:site:id is required.

Used with summary, summary_large_image, app, player cards

n/a

twitter:site:id

Same as twitter:site, but the user’s Twitter ID. Either twitter:site or twitter:site:id is required.

Used with summary, summary_large_image, player cards

n/a

twitter:creator

@username of content creator

Used with summary_large_image cards

n/a

twitter:creator:id

Twitter user ID of content creator

Used with summary, summary_large_image cards

n/a

twitter:description

Description of content (maximum 200 characters)

Used with summary, summary_large_image, player cards

og:description

twitter:title

Title of content (max 70 characters)

Used with summary, summary_large_image, player cards

og:title

twitter:image

URL of image to use in the card. Images must be less than 5MB in size. JPG, PNG, WEBP and GIF formats are supported. Only the first frame of an animated GIF will be used. SVG is not supported.

Used with summary, summary_large_image, player cards

og:image

twitter:image:alt

A text description of the image conveying the essential nature of an image to users who are visually impaired. Maximum 420 characters.

Used with summary, summary_large_image, player cards

og:image:alt

twitter:player

HTTPS URL of player iframe

Used with player card

n/a

twitter:player:width

Width of iframe in pixels

Used with player card

n/a

twitter:player:height

Height of iframe in pixels

Used with player card

n/a

twitter:player:stream

URL to raw video or audio stream

Used with player card

n/a

twitter:app:name:iphone

Name of your iPhone app

Used with app card

n/a

twitter:app:id:iphone

Your app ID in the iTunes App Store (Note: NOT your bundle ID)

Used with app card

n/a

twitter:app:url:iphone

Your app’s custom URL scheme (you must include ”://” after your scheme name)

Used with app card

n/a

twitter:app:name:ipad

Name of your iPad optimized app

Used with app card

n/a

twitter:app:id:ipad

Your app ID in the iTunes App Store

Used with app card

n/a

twitter:app:url:ipad

Your app’s custom URL scheme

Used with app card

n/a

twitter:app:name:googleplay

Name of your Android app

Used with app card

n/a

twitter:app:id:googleplay

Your app ID in the Google Play Store

Used with app card

n/a

twitter:app:url:googleplay

Your app’s custom URL scheme

Used with app card

n/a