# Missing Twitter/X card in React

> How to fix missing twitter/x card in React — with the exact fix and copy-paste code.

_Category: Search visibility · Detector `seo` · Check `twitter-card-missing` · Severity: info_

X (Twitter) reads `twitter:card` to decide how to render a shared link. Without it, your link may appear as bare text instead of a rich card with image and headline. While X often falls back to Open Graph tags, declaring the card type explicitly guarantees the large-image layout.

## The fix for React

Render the `twitter:card` meta tag (React 19).

```tsx
<meta name="twitter:card" content="summary_large_image" />
```

### Steps

1. Add `<meta name="twitter:card" content="summary_large_image">`
2. Ensure `og:image/title/description` are present (X reuses them)
3. Validate the card in X’s card preview tooling

## How VibeCheck detects it

The `seo` detector flags this live in the browser and reports it to the widget's Problems list — and to your coding agent over MCP.

- **Issue string:** `Missing Twitter/X card`
- **Threshold:** no <meta name="twitter:card">

## FAQ

### Do I need `twitter:*` tags if I already have `og:*` tags?

X falls back to `og:*` for image, title, and description, but you should still set `twitter:card` to guarantee the `summary_large_image` layout.

### What card types exist?

The common ones are “`summary`” (small square thumbnail) and “`summary_large_image`” (full-width image). Use the latter for most content pages.

### What are `twitter:site` and `twitter:creator` for?

They attribute the card to X handles — `twitter:site` to the publishing account, `twitter:creator` to the author. They are optional and don’t change the layout, but they add the “@handle” byline on the card.

### My `og:image` is 1200×630 — does it work as a Twitter card?

Yes. `summary_large_image` uses the same 1200×630 (1.91:1) image as Open Graph, so one image covers both. X reads `og:image` when no separate `twitter:image` is set.

See the general, framework-agnostic fix: https://vibecheck.wcgw.fun/fix/missing-twitter-card.md

---

Fix guide from VibeCheck — https://vibecheck.wcgw.fun/fix/missing-twitter-card. Full site index for LLMs: https://vibecheck.wcgw.fun/llms.txt