Early Access

Meta Tags

twitter:image:alt

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

Provides alternative text for the image specified in the twitter:image tag. This text describes the image for users who are unable to see it, improving accessibility and providing context in environments where the image cannot be displayed.

Code Examples

<meta name="twitter:image:alt" content="A scenic lake with a mountain in the background" />
Provides a clear, concise description of the image without unnecessary filler words.
<meta name="twitter:image:alt" content="Graph showing rising trends in technology adoption from 2000 to 2020" />
Describes the content of a complex image like a graph, making it accessible to those who cannot see it.
<meta name="twitter:image:alt" content="Image of a person" />
Too vague, does not provide any useful information about the image to the viewer.
<meta name="twitter:image:alt" content="Picture showing data, statistics, numbers, and percentages related to market growth" />
Overly wordy and starts with unnecessary information ("picture showing"), making it less effective.

Recommendations

  • Be Descriptive but Concise
    Ensure the alternative text accurately describes the image, but keep it concise. Aim for a balance between brevity and meaningful content.
  • Avoid Redundancy
    Do not include phrases like "image of" or "picture of" as it is already implied. Focus on describing the content of the image.

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.