Warning Twitter

Missing twitter:title — Optimize Your X/Twitter Previews

Providing a specific twitter:title is a best practice for X/Twitter.

What is twitter:title?

The twitter:title meta tag sets the title that appears in link previews on X (formerly Twitter). It works alongside the twitter:card tag to create rich, engaging previews.

Fallback behavior

X/Twitter checks for titles in this order:

  1. twitter:title — Highest priority
  2. og:title — Falls back to Open Graph
  3. <title> — Falls back to the HTML title

If both twitter:title and og:title are missing, X will use the page's <title> tag, which may not be optimal for social sharing.

Why set a specific twitter:title?

  1. Platform optimization — X has different display constraints than Facebook or LinkedIn
  2. Character limits — X truncates titles around 70 characters
  3. Audience targeting — Your Twitter audience may differ from Facebook; tailor the title accordingly
  4. A/B testing — Use different titles on different platforms to test what works best

How to fix it

<meta name="twitter:title" content="Your Twitter-Optimized Title" />

Best practices

  1. Keep it under 70 characters — X truncates longer titles
  2. Be direct and punchy — Twitter's fast-scrolling feed rewards concise, impactful titles
  3. Use different titles for OG and Twitter — Optimize each for its platform
  4. Include relevant keywords — Helps with discoverability in X's search
  5. Test with Card Validator — Preview how it looks before publishing

Example: Different titles for different platforms

<!-- Optimized for Facebook/LinkedIn (more detailed) -->
<meta property="og:title" content="The Complete Developer's Guide to Open Graph Meta Tags in 2025" />

<!-- Optimized for X/Twitter (more concise, punchy) -->
<meta name="twitter:title" content="Master Open Graph Tags in 2025" />

Related articles