Twitter Card Preview

How to use it

1. 1Supply the markupBoth the card tags and the Open Graph tags are read, because the interaction between them is the thing to check.
2. 2Confirm the card typesummary shows a small square thumbnail; summary_large_image shows a wide banner. Declaring the large type without an image large enough for it produces the small card anyway.
3. 3Compare against Open GraphWhere a card tag is absent the Open Graph equivalent is generally used, so conflicting values are worth resolving.

What it does not do

• Rendering differs by client and changes without notice. This shows what your tags declare, not a pixel-accurate rendering of any particular timeline.
• Cards are cached after the first scrape, so a corrected tag may not appear until the platform re-fetches.

Questions people ask

What is the difference between summary and summary_large_image?

The size and prominence of the picture. The large variant dominates a feed and suits an article or a landing page; the small one suits a link where the text is doing the work. The large type needs an image big enough to fill it or it degrades to the small card.

Do card tags override Open Graph?

Where both are present, the platform-specific tag generally wins on that platform and Open Graph is the fallback everywhere else. Keeping them consistent avoids a link that looks different depending on where it was posted.

Questions about ToolsVerse itself — privacy, cost, what happens to your files — are answered in the frequently asked questions.

Related tools

The tools people most often need alongside Twitter Card Preview.