<zhead>
Meta tags

twitter:image

Provides the image URL used in an X Card link preview. The metadata name retains the twitter: prefix.

Code examples

Good example
<meta name="twitter:image" content="https://example.com/path/to/image.jpg">
An absolute URL to a public image.
Avoid this example
<meta name="twitter:image" content="/path/to/image.jpg">
Use an absolute URL so X resolves the intended resource.
Avoid this example
<meta name="twitter:image" content="file:///home/user/image.jpg">
A local file URL cannot be fetched from the web.

Recommendations

  • 01
    Match the Card Type
    Summary and summary_large_image cards use different crops. Keep the important subject clear in either layout you support.
  • 02
    Use Absolute URLs
    Choose a public image URL that X can fetch without cookies or authentication.
  • 03
    Add Alternative Text
    Use twitter:image:alt to describe the image for people who cannot see it.

Related documentation

Related meta tags

twitter:app:id:ipad

name

Legacy Twitter App Card field for the numeric App Store ID of an iPad app. X has retired its public App Card reference.

<meta name="twitter:app:id:ipad" content="307234931">
The numeric App Store ID once used by App Cards.

twitter:app:id:iphone

name

Legacy Twitter App Card field for the numeric App Store ID of an iPhone app. X has retired its public App Card reference.

<meta name="twitter:app:id:iphone" content="307234931">
The numeric App Store ID for the former Twitter iPhone app.

twitter:app:id:googleplay

name

Legacy Twitter App Card field for an Android application ID, usually the package name used by Google Play. X has retired its public App Card reference.

<meta name="twitter:app:id:googleplay" content="com.example.app">
A conventional Android application ID.

twitter:app:name:ipad

name

Legacy Twitter App Card field for the name of an iPad app. X has retired its public App Card reference.

<meta name="twitter:app:name:ipad" content="My Amazing App">
A plain app name that matches the store listing.

twitter:app:name:googleplay

name

Legacy Twitter App Card field for the name of an Android app. X has retired its public App Card reference.

<meta name="twitter:app:name:googleplay" content="MyApp">
A short app name that matches the store listing.