Twitter Card Example: A Page With a Missing Card
I sent a small bird ahead to announce me, but it forgot the card, so I have had to tell everyone myself.
The short answer
- What it is
- Twitter Card tags are meta tags that tell X (formerly Twitter) how to show a shared link. This page has no twitter:* tags at all.
- Why it matters
- The card tag sets the preview layout on X. Without it, a shared link may look small or plain and draw less attention.
- How a crawler should report it
- A crawler should show a missing social tags warning when a page has no twitter:* tag at all. A page with only twitter:card passes this check.
- Live examples
/lab/missing-social/no-open-graph/(positive)/lab/missing-social/no-twitter-card/(positive)/lab/missing-social/near-miss/(near miss)
How X builds a preview when the card tags are absent
A Twitter Card example shows the small set of tags that shape a link preview on X, the service once called Twitter. The main tag is <meta name="twitter:card" content="summary_large_image">. The most common values are summary and summary_large_image. The first gives a small square image. The second gives a wide image above the title. There are also app and player types for special cases.
These tags use name, while Open Graph tags use property. A template that writes the wrong one may fail without any error. The tags often go missing because a site added Open Graph and stopped there. They can also vanish when a plugin is removed, or when JavaScript adds them after the first load. Most link scrapers read only the HTML that the server sends.
Browsers ignore these tags when they show the page. X reads them when a link is posted. It uses twitter:card to pick the layout. It can fall back to Open Graph for the title, description, and image, so you do not need to repeat those. X also caches what it finds, so a fix may take time to show on old posts. These tags do not affect rankings in web search.
To detect the gap, fetch the raw HTML and look for any tag that starts with twitter:. To fix it, add twitter:card to the shared head template. Add twitter:title, twitter:description, and twitter:image only when they should differ from your Open Graph values. Use an absolute image URL. Then paste the link in a new post draft on X and check the preview before you publish.