Twitter Card Validator

Inspect twitter: meta tags from pasted HTML

HTML Input

Required tags

twitter:card
missing
twitter:title
missing
twitter:description
missing
twitter:image
missing

Paste HTML and click Inspect to check your tags.

All twitter: tags (0)

No twitter: tags found yet.

Card preview

twitter:image will appear here
twitter:title
twitter:description

About

Paste an HTML <head> and extract every Twitter (twitter:) card meta tag. Highlights required tags (twitter:card, twitter:title, twitter:description, twitter:image) and shows a small card preview. Runs in your browser; no page is fetched.

    Examples

    Inspect a summary_large_image card

    Input
    <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@example">
<meta name="twitter:title" content="Sailing the Aegean">
<meta name="twitter:description" content="A 10-day island-hopping guide">
<meta name="twitter:image" content="https://example.com/cover.jpg">
    Output
    Card:        summary_large_image ✓
Site:        @example ✓
Title:       Sailing the Aegean ✓
Description: A 10-day island-hopping guide ✓
Image:       https://example.com/cover.jpg (recommended 1200×628)

    All four recommended tags are present; the image is checked against the recommended 2:1 aspect ratio so it renders crisply inside the card.

    Spot a missing card type

    Input
    <meta name="twitter:title" content="Hello">
    Output
    Card: ✗ missing (defaults to summary)
Site: ✗ missing
Title: ✓
Image: ✗ missing
Status: Without twitter:card the link renders as a plain summary — add summary_large_image for a bigger image.

    Without twitter:card the platform falls back to a small summary. The validator names the missing tag so the fix is obvious.

    About this tool

    The Twitter Card Validator inspects Twitter Card meta tags from pasted HTML so you can debug a link preview on X without sharing the link first. It checks twitter:card, twitter:site, twitter:creator, twitter:title, twitter:description, twitter:image, and the recommended 1200×628 image dimensions, and cross-checks the equivalent Open Graph tags.

    Without twitter:card the platform falls back to a small summary card — the validator flags that case explicitly so the fix is obvious. Inspection runs entirely in your browser; the HTML is never transmitted, logged, or stored.

    How to use

    1. Paste the HTML

      Drop the full HTML source, or paste only the meta tags — the inspector extracts what it needs from either.

    2. Review the findings

      Read the list of present and missing Twitter Card tags, plus the cross-checked Open Graph tags. Image dimensions are verified against the recommended 2:1 ratio.

    3. Fix and re-check

      Update your template, copy the new meta tags, and re-paste until the card type and dimensions match what you want.

    Use cases

    Debugging a link preview on X

    Paste the HTML to see exactly which Twitter Card tags are present, so a missing image or wrong card type is obvious.

    Auditing a site before launch

    Confirm every page declares twitter:card and the matching title, description, and image fields so the link renders correctly when shared.

    Keeping Open Graph and Twitter tags in sync

    The validator cross-checks both protocols, so a typo or missing field in one of them is flagged even if the other is correct.

    Common mistakes

    Mistake:Using property="twitter:card" instead of name="twitter:card".

    Fix:Twitter Card tags use the name attribute, the same as most plain meta tags. property= is for Open Graph; Twitter will ignore it.

    Mistake:Serving a small or square image for a large image card.

    Fix:summary_large_image wants a 2:1 ratio (recommended 1200×628). A tall or square image gets cropped or letterboxed.

    Mistake:Forgetting twitter:card entirely.

    Fix:Without twitter:card the platform falls back to a plain summary card. Declare the card type explicitly so the preview uses the layout you want.

    Frequently asked questions

    References & standards

    Related tools

    Driver's License Generator

    Generate driver's license numbers in the correct format for 21 countries and all 50 US states, plus a format and Luhn validator — test data only, runs in your browser.

    Address Generator

    Generate realistic addresses in the correct format for 21 countries — single-line, multi-line, JSON or HTML — plus a postcode validator. Test data only, runs in your browser.

    Phone Number Generator

    Generate phone numbers in the correct format per country — mobile, landline and toll-free — in international, national, raw or tel: format, plus a validator. Test data only.

    XML to JSON Converter

    Convert XML data to JSON format with attribute handling, configurable parsing options, and live statistics

    Markdown to HTML Converter

    Convert Markdown to clean HTML with GitHub-Flavored Markdown, syntax highlighting, and optional sanitization

    Docker Run to Compose Converter

    Convert a docker run command into a docker-compose.yml service definition with full flag support