<
zhead
>

Early Access

Open Graph Meta Tags

twitter:image:type

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

Specifies the MIME type of the image linked with the twitter:image tag, aiding the Twitter platform in understanding the nature of the image content.

Code Examples

<meta property="twitter:image:type" content="image/jpeg" />
Specifies a JPEG image format for the Twitter card, ensuring good balance between quality and file size.
<meta property="twitter:image:type" content="image/png" />
Defines the image as a PNG format, which is suitable for images with transparency or text.
<meta property="twitter:image:type" content="image/svg+xml" />
While SVGs are versatile for scalability and file size, Twitter may not render SVG images correctly in all cases.
<meta property="twitter:image:type" content="" />
A missing twitter:image:type value can lead to Twitter not being able to optimally display your image, affecting user engagement.

Recommendations

  • Match the MIME Type
    Ensure the MIME type matches the file format of your image exactly. This helps Twitter to correctly process and display the image.
  • Use Common Formats
    Prefer widely supported image formats such as JPEG or PNG for broader compatibility and better performance across devices.

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.