Fix Guide

How to Add Twitter / X Card Tags

Add twitter:card meta tags so your links render as rich cards on X.

Easy Medium Impact 5 min

Why It Matters

Twitter Card tags control how your link appears on X — a large image card dramatically outperforms a plain link. X falls back to Open Graph for some fields, but the twitter:card type and image give you proper control.

How to Fix

Declare the card type

Use summary_large_image for a big image card (or summary for a compact one).

Set title, description, image

Add the twitter-specific tags (they override OG on X).

Code Fix

html

Before (broken)

<!-- no twitter: tags -->

After (fixed)

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Free Website Audit | SlapMyWeb">
<meta name="twitter:description" content="240 checks in 30 seconds. No signup.">
<meta name="twitter:image" content="https://example.com/og.png">

Platform-Specific Instructions

WordPress

The same Yoast/Rank Math "Social" tab sets the Twitter card type and image.

Next.js

Set metadata.twitter with card: "summary_large_image".

Check with our tool

Twitter Card Generator

Want to find all issues at once?

Run a free audit and get a prioritized fix list with auto-generated code.

Run a free audit

How to Add Twitter / X Card Tags — Fix Guide | SlapMyWeb