Twitter (𝕏) Card Validator

Preview how your website will look on Twitter (𝕏) with our Card Validator. Debug and validate that your Twitter card meta tags render perfectly before sharing.

All tools

Better Screenshots Mockups
With a Simple Design Tool.

I don't know when it happened but Brandbird is now my all-in-one SaaS & social media design tool.

Wilson

Founder Senja.io

Frequently Asked Questions

What's a X (formely Twitter) preview card?

A Twitter Card is the rich preview that appears when you share a link on X (formely Twitter). It can display a title, description, image, and domain — making your shared links more engaging and clickable in the timeline.

What are the benefits of Twitter Cards?

Twitter Cards increase click-through rates by showing visual previews of your links. They boost engagement, make your content stand out in feeds, provide context before users click, and give your shared URLs a professional appearance.

How to create a Twitter Card for my website?

Add Open Graph and Twitter meta tags to your page's HTML head: twitter:card, twitter:title, twitter:description, and twitter:image. Use the Twitter Card Validator to preview and debug how your URL will appear before sharing.

How does the Twitter Card Validator work?

Paste any URL into the validator, and it fetches the page's Open Graph and Twitter meta tags to render an accurate preview of how the link will appear when shared on X (formely Twitter). It also highlights any missing or incorrect tags.

What are the recommended Twitter Card image dimensions?

For summary_large_image cards, use 1200x628 pixels (1.91:1 ratio). For summary cards, use 144x144 to 4096x4096 pixels (1:1 ratio). Images should be under 5MB in JPEG, PNG, or GIF format.

Why is my Twitter Card not showing an image?

Common causes include missing og:image or twitter:image meta tags, incorrect image URL (must be absolute), image file too large (over 5MB), SSL/HTTPS issues, or the image hasn't been crawled yet. Use the validator to diagnose the exact issue.

Is the Twitter Card Validator free?

Yes, BrandBird's Twitter Card Validator is 100% free to use. Test unlimited URLs and preview how they'll appear on X (formely Twitter) without any sign-up.

What is the difference between og:image and twitter:image?

og:image is the Open Graph standard used by most platforms (Facebook, LinkedIn, etc.), while twitter:image is Twitter-specific. Twitter will fall back to og:image if twitter:image is not set. For best results, include both tags with the same image URL.