Twitter Card Tags Reference

Twitter Card Meta Tags: Complete Specification & Reference

Twitter Cards (on X.com) allow you to attach rich media previews to tweets sharing your website links. Using twitter: tags ensures optimal visual rendering across desktop and mobile feeds.

Key Technical Takeaways

  • Supported Card Types: summary, summary_large_image, app, player.
  • Attribute Name: Uses name="twitter:..." attribute standard.
  • Fallback Mechanism: X falls back to og:title, og:description, and og:image if twitter: tags are omitted.

Implementation Example

<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@opengraphgen" />
<meta name="twitter:creator" content="@sanjaysamanta" />
<meta name="twitter:title" content="Twitter Card Reference" />
<meta name="twitter:description" content="Complete guide to Twitter card meta tags." />
<meta name="twitter:image" content="https://example.com/banner.png" />