# How to set up X (Twitter) cards

> X reads its own card tags before falling back to Open Graph. summary_large_image with a wide image gets the most clicks.

Social previews · HTML version: https://getreport.app/learn/twitter-cards

## Twitter card type

Passing looks like: Twitter card type is valid.

**Why it matters.** X (Twitter) shows a preview card only when twitter:card has a valid type. Without it a shared link is plain text, even with Open Graph tags in place.

**How to fix it.**

1. Add <meta name="twitter:card" content="summary_large_image"> to show the share image at full width.
2. Use "summary" instead for a small square thumbnail beside the text.

## Image for X (Twitter) cards

Passing looks like: X (Twitter) cards have an image.

**Why it matters.** X uses twitter:image, or falls back to og:image. With neither, the card shows text only and gets far fewer clicks.

**How to fix it.**

1. Add <meta name="twitter:image" content="https://…/share.jpg">, or set og:image; X reads that as a fallback.

Check your own page: https://getreport.app/