Early Access

Open Graph Meta Tags

twitter:title

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

Defines the title of the content shared on Twitter. It sets the title snippet visible in a tweet when a URL is shared.

Code Examples

<meta property="twitter:title" content="Learn Web Development Basics" />
A concise, engaging title clearly indicating what the content is about, encouraging clicks and shares.
<meta property="twitter:title" content="10 Tips for Beginner Photographers" />
An informative and intriguing title for an article, promising value to the reader.
<meta property="twitter:title" content="Learn Web Development Basics - The Ultimate Guide for 2023, Including HTML, CSS, and JavaScript Tips, Tricks, and Best Practices" />
An overly long title that is likely to be truncated, potentially losing the main message or call to action.
<meta property="twitter:title" content="" />
An empty title won't engage users or encourage clicks, missing an opportunity to effectively communicate the content of the link.

Recommendations

  • Keep It Short and Engaging
    Though Twitter doesn't strictly enforce a maximum title length for shared URLs, aim for brevity to ensure your title is fully visible and engaging within tweets.
  • Match With Page Title When Possible
    While it's tempting to create unique titles for Twitter, matching the title with your page title (where it makes sense) can help maintain consistency and improve user recognition.

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.