<
zhead
>

Early Access

Meta Tags

twitter:image:width

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

Specifies the width of the image you are using with the twitter card, ensuring the image displays correctly in tweets.

Code Examples

<meta name="twitter:image:width" content="600" />
Defines a width of 600 pixels for the image, which is commonly used and recommended for Twitter card images.
<meta name="twitter:image:width" content="1200" />
Defines a width of 1200 pixels for the image, suitable for higher resolution displays.
<meta name="twitter:image:width" content="300" />
Specifies a width of 300 pixels, which may be too small and appear less visually impactful on Twitter feeds.
<meta name="twitter:image:width" content="" />
Leaving the twitter:image:width attribute empty can result in improper image scaling or display issues on Twitter cards.

Recommendations

  • Match Image Dimensions
    Ensure the width specified matches the actual width of the image to prevent distortion or cropping on Twitter's end.
  • Optimize for Display
    Consider using an image width that is optimized for display in Twitter cards, typically around 600px, to improve visual impact in feeds.

Related Documentation

Related Meta Tags

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: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: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: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: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.