Meta tags

twitter:card

Selects the X Card format for a page. The metadata still uses the twitter: prefix.

Parameters

summary
A card with a small image, title, and description.
<meta name="twitter:card" content="summary">
summary_large_image
Similar to "summary" but with a larger image.
<meta name="twitter:card" content="summary_large_image">
app
A card to represent a mobile app with direct download.
<meta name="twitter:card" content="app">
player
A card that can display audio, video, or other media.
<meta name="twitter:card" content="player">
export type Twitter:card =
     /**
   * A card with a small image, title, and description.
  **/
    'summary'
    /**
   * Similar to "summary" but with a larger image.
  **/
    'summary_large_image'
    /**
   * A card to represent a mobile app with direct download.
  **/
    'app'
    /**
   * A card that can display audio, video, or other media.
  **/
    'player'

Code examples

Good example
<meta name="twitter:card" content="summary_large_image">
A defined card type for a preview with a large image.
Good example
<meta name="twitter:card" content="app">
The defined value for the legacy App Card fields.
Avoid this example
<meta name="twitter:card" content="large">
Not a defined card value. Use summary_large_image.
Avoid this example
<meta name="twitter:card" content="video">
Not a defined card value. Use player.

Recommendations

  • 01
    Choose the Right Card Type
    Use summary for a compact preview, summary_large_image for a wide image, player for embedded media, or app for legacy app metadata.
  • 02
    Use name, Not property
    X Card examples use the HTML name attribute for twitter:* fields.

Related documentation

Related meta tags

Legacy Twitter App Card field for the numeric App Store ID of an iPad app. X has retired its public App Card reference.

<meta name="twitter:app:id:ipad" content="307234931">
The numeric App Store ID once used by App Cards.

Legacy Twitter App Card field for the numeric App Store ID of an iPhone app. X has retired its public App Card reference.

<meta name="twitter:app:id:iphone" content="307234931">
The numeric App Store ID for the former Twitter iPhone app.

Legacy Twitter App Card field for an Android application ID, usually the package name used by Google Play. X has retired its public App Card reference.

<meta name="twitter:app:id:googleplay" content="com.example.app">
A conventional Android application ID.

Legacy Twitter App Card field for the name of an iPad app. X has retired its public App Card reference.

<meta name="twitter:app:name:ipad" content="My Amazing App">
A plain app name that matches the store listing.

Legacy Twitter App Card field for the name of an Android app. X has retired its public App Card reference.

<meta name="twitter:app:name:googleplay" content="MyApp">
A short app name that matches the store listing.