<zhead>

Meta Tags

twitter:image:height

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

Specifies the height of the image being used for Twitter cards. This helps Twitter to render the image correctly on different devices and in previews.

Code Examples

<meta name="twitter:image:height" content="600" />
Specifies the "twitter:image:height" meta tag with a height of 600 pixels, which is suitable for most card types.
<meta name="twitter:image:height" content="10000" />
Setting the height excessively high can lead to loading issues or cropping, detracting from the user experience.
<meta name="twitter:image:height" content="50" />
Setting the height too low may result in pixelation or the image being stretched if Twitter attempts to adjust the image to fit the card area.

Recommendations

  • 01
    Optimize for Preview Display
    Use an image height that is optimal for display in Twitter card previews. Oversized images might be cropped, and smaller images may appear blurry.
  • 02
    Maintain Aspect Ratio
    Ensure the height specified maintains the aspect ratio of your image for best results. Mismatched ratios can result in unintended display issues.

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.

<html lang="en">
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="twitter:app:id:ipad" content="307234931">
</html>
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.

<html lang="en">
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="twitter:app:id:iphone" content="307234931">
</html>
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.

<html lang="en">
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="twitter:app:id:googleplay" content="com.example.app">
</html>
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.

<html lang="en">
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="twitter:app:name:ipad" content="My Amazing App">
</html>
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.

<html lang="en">
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="twitter:app:name:googleplay" content="MyApp">
</html>
Directly matching the app name on the Google Play Store, ensuring accurate and effective promotion.