<
zhead
>

Early Access

Meta Tags

twitter:image

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

Defines the image to be used when the webpage is shared on Twitter. It influences the visual representation of shared content, enhancing user engagement.

Code Examples

<meta name="twitter:image" content="https://example.com/path/to/image.jpg" />
Using an absolute URL for an optimized, high-quality image encourages users to engage with the shared content.
<meta name="twitter:image" content="/path/to/image.jpg" />
A relative URL may not resolve correctly, leading to a missing image when the web page is shared on Twitter.
<meta name="twitter:image" content="https://example.com/path/to/large-image.jpg" />
An oversized image might load slowly or be cropped awkwardly, diminishing the user’s experience.

Recommendations

  • Optimize Image Size
    Twitter recommends using images with a minimum size of 120x120 pixels, but for optimal display, aim for 280x150 pixels to avoid cropping.
  • Use Absolute URLs
    Always specify the image URL as an absolute path rather than a relative path to ensure it is correctly displayed when the web page is shared.
  • Prioritize High-Quality Images
    Select high-quality images that are visually appealing and relevant to the content. Low-quality images can negatively affect user engagement and shareability.
  • Ensure Fast Loading
    Optimize the image for fast loading without compromising quality. Slow-loading images can be skipped by Twitter’s crawler, leading to a missed opportunity for visual engagement.

Related Documentation

Related Meta Tags

twitter:app:id:ipad

name

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.

twitter:app:id:iphone

name

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.

twitter:app:id:googleplay

name

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.

twitter:app:name:ipad

name

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.

twitter:app:name:googleplay

name

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.