Early Access

Meta Tags

twitter:card

Learn how to use the twitter:card meta tag to improve your site.

Defines the type of content represented on the page to create a rich media experience when the page is shared on Twitter.

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" />

Code Examples

<meta name="twitter:card" content="summary_large_image" />
Ideal for blog posts or articles where a large feature image can draw attention.
<meta name="twitter:card" content="app" />
Perfect for mobile app pages, linking directly to App Store or Google Play.
<meta name="twitter:card" content="summary" />
Using a "summary" card for content that is visually driven may result in missed opportunities for engagement.
<meta name="twitter:card" content="player" />
Incorrect implementation of the "player" card can lead to media not being playable directly from the Twitter feed, affecting user experience.

Recommendations

  • Choose the Right Card Type
    Select the card type that best represents your content to improve engagement and click-through rates.
  • Optimize Images
    For "summary_large_image", ensuring your image is at least 280x150 pixels can significantly affect visual appeal on feeds.

Related Documentation

Related Meta Tags

Defines the numeric ID of your iPad application in the Apple App Store, enabling Twitter to link to it when your content is shared.

<meta name="twitter:app:id:ipad" content="307234931">
Specifies the App Store ID for an iPad application, directly guiding Twitter users to the app when shared.

Defines the iPhone app ID in the Apple App Store for deep linking from tweets. This is part of Twitter Cards used to enhance tweets with rich media to direct users to web content directly or through an app.

<meta name="twitter:app:id:iphone" content="307234931">
A valid example of an App Store ID used for the Twitter iPhone app, facilitating direct app opens or installations from tweets.

Specifies the unique application ID for a Google Play app, used within Twitter Cards to direct users to a specific Android app.

<meta name="twitter:app:id:googleplay" content="com.example.app">
Correctly specifies the Google Play Store ID, ensuring Twitter can direct users to the appropriate app page.

Specifies the name of your application tailored for iPad users when sharing content on Twitter.

<meta name="twitter:app:name:ipad" content="My Amazing App">
Clearly specifies the name of the application as "My Amazing App", which is direct and memorable.

Specifies the name of your Android app on the Google Play Store. This is utilized in Twitter Cards when you want to promote a mobile application directly from a tweet.

<meta name="twitter:app:name:googleplay" content="MyApp">
Directly matching the app name on the Google Play Store, ensuring accurate and effective promotion.