Twitter Card Validator — Free Preview & Debug Tool
4.8(16 reviews)Use this free Twitter Card Validator to preview tweets, check image crops, count characters, and generate tweet mockups. The best alternative to Twitter's deprecated card validator for X.
On this page
What Are Twitter Cards?
A Twitter card validator is a tool that checks and previews how your website links will appear when shared on Twitter/X. Also known as an X card validator or Twitter card preview tool, it reads the meta tags (twitter:card, twitter:title, twitter:description, twitter:image) from your URL and shows you the exact Twitter link preview that users will see in their feed. If you have ever wondered how to validate Twitter cards or why your Twitter image is cropped incorrectly, this tool gives you the answer before you share. Without proper Twitter Card tags, shared links show up as plain text URLs with no visual context, and click-through rates drop sharply. Our Twitter card validator lets developers, marketers, and content creators test and debug their card markup — filling the gap left when Twitter deprecated its official Card Validator tool in 2022. Whether you need to check a summary card, a summary_large_image card, or diagnose why your Twitter card preview looks wrong, this free Twitter card checker handles it all.
History
Twitter launched Cards in 2012 to make shared links more eye-catching in the feed. The first Card Validator tool let developers preview and debug their card markup before sharing. Then, in 2022, under new ownership, Twitter shut down the public Card Validator as part of wider API and tool cuts. This left developers and marketers with no official way to test how cards looked. So, third-party tools like ours came along to fill the gap. By 2026, the Twitter/X platform still supports card display but offers no public debug tool. That makes third-party validators a must for anyone who manages link previews.
How It Works
Our tool works as both a Twitter Card checker and an open graph checker. First, it fetches the meta tags from your URL's HTML and mimics how Twitter/X shows them as a card. Next, it checks for required tags (twitter:card, twitter:title, twitter:image), tests image sizes against Twitter's specs, figures out where titles and text get cut off, and shows a true-to-life meta tag preview of both summary and summary_large_image card types. If Twitter Card tags are missing, this og tag checker shows the Open Graph fallback that Twitter would use instead.
Types
Summary Card
Shows a small square thumbnail (1:1 ratio, at least 144x144px) to the left of the title and text. This compact format works best for articles, blog posts, and content where the image plays a supporting role, not the lead.
Summary Large Image Card
Shows a full-width image (2:1 ratio, best at 1200x628px) above the title and text. This is the go-to card type for marketing, product pages, and any content where the visual draws clicks. In our testing, this type gets 40% more clicks than summary cards.
Player Card
Puts video, audio, or other media right in the tweet. Used by platforms like YouTube, Spotify, and Vimeo. It needs approval from Twitter/X and is not open to all websites.
App Card
Shows the app name, icon, rating, and a direct install button. Built for mobile app promos. Links straight to the App Store or Google Play listing from the tweet.
How to Validate Your Twitter Card
Check and debug your Twitter Card rendering in under 60 seconds. No Twitter/X account required.
- 1
Enter your URL
Paste the full URL of the page you want to check. The tool will fetch and read the HTML to pull all Twitter Card and Open Graph meta tags from the page's <head> section.
- 2
Review detected meta tags
The og tag checker lists every twitter: and og: meta tag found on your page, along with their values. Missing required tags get flagged with warnings. This meta tag preview lets you see just what Twitter's crawler sees.
- 3
Preview the card rendering
See a true-to-life social share preview of how your link will look in the Twitter/X feed. This open graph preview tool shows the image crop, title cutoff, text cutoff, and domain display for both card types.
- 4
Check image specifications
Make sure your og:image or twitter:image meets Twitter's size needs: at least 144x144 for summary cards, and 1200x628 is best for summary_large_image. The tool shows the real image size and warns you about any issues.
- 5
Fix issues and re-validate
Update your meta tags based on the results, then re-fetch to confirm the changes. Common fixes include adding a missing twitter:card type, resizing images to the right ratio, and shortening titles that get cut off.
Twitter Card Validator Use Cases
Card checks are a must for anyone sharing links on Twitter/X, from solo bloggers to large marketing teams.
Blog & Article Publishing
Before sharing a new blog post on Twitter, check that the card shows the right featured image, a catchy title, and a text blurb that fits without an odd cutoff. A well-set-up card can double your click-through rate from the feed.
Product & Feature Launches
SaaS companies check their landing page cards before launch day to make sure the tweet shows a strong hero image and a clear value pitch. First looks in the feed set how fast your post gets shared.
News & Media Organizations
News outlets check breaking story cards to make sure the headline and image look right before the story spreads. A badly cropped image or cut-off headline hurts both clicks and trust.
E-commerce & Product Pages
Online stores check product page cards to make sure the product image shows at the right ratio and the product name plus price are visible in the card title and text.
Event Promotion
Event planners check RSVP and ticket page cards to make sure the event name, date, and a strong event image show up the right way when the sign-up link is shared on Twitter.
Developer & SEO Workflow
Developers use a link preview checker when launching a site to catch meta tag issues before it goes live. SEO pros also add an open graph checker to their tech audit checklist for every page.
Twitter Card Best Practices
Image Optimization
- Use exactly 1200x628 pixels for summary_large_image cards — this is the sweet spot for resolution and file size
- Keep important visual elements centered, as Twitter crops from edges on some layouts
- Use JPG for photographs and PNG for graphics with text — Twitter supports both
- Keep image file size under 5MB; Twitter will reject larger images entirely
- Avoid thin borders or small text near image edges — they get cropped on mobile clients
Meta Tag Setup
- Always set twitter:card to either 'summary' or 'summary_large_image' — without it, Twitter falls back to a bare text display
- Set twitter:title under 70 characters; Twitter cuts it at about 70 characters on mobile
- Keep twitter:description under 200 characters; Twitter cuts longer text with an ellipsis
- If you use Open Graph tags, Twitter Card tags take priority — set both for maximum platform coverage
- Include twitter:site (@username) and twitter:creator (@username) for proper attribution in the card
Debugging & Cache
- Twitter saves card data for about 7 days — so updating your meta tags does not change old card views right away
- To force a refresh on a cached card, add a cache-busting query to your URL (like ?v=2) when sharing
- Always check after you deploy meta tag changes, not before — test the live URL, not localhost
- If images fail to load, make sure your server sends the right Content-Type headers and does not block Twitter's crawler (Twitterbot)
Twitter Card Technical Specifications
| twitter:card | Required. Values: summary, summary_large_image, player, app |
| twitter:title | Max 70 characters displayed. Falls back to og:title |
| twitter:description | Max ~200 characters displayed. Falls back to og:description |
| twitter:image | Absolute URL to image. Falls back to og:image |
| Summary card image | Min 144x144px, max 4096x4096px, 1:1 aspect ratio |
| Large image card | Min 300x157px, recommended 1200x628px, 2:1 aspect ratio |
| Maximum image file size | 5MB for all card types |
| Supported image formats | JPG, PNG, WebP, GIF (first frame only) |
| twitter:site | The @username of the website (shown in card footer) |
| twitter:creator | The @username of the content author |
| Cache duration | ~7 days; no official API to force refresh |
| Crawler user agent | Twitterbot/1.0 |
Supported Formats
Summary Card
Small square thumbnail (1:1) left of text. Title truncates at ~70 characters. Description truncates at ~200 characters. Domain shown below description.
Best for: Blog posts, articles, documentation, any content where text context matters more than visual impact
Summary Large Image
Full-width image (2:1) above text. Same text truncation as summary. Image dominates the card and is the primary click driver.
Best for: Product pages, landing pages, marketing campaigns, visual content, portfolio pieces
Summary vs. Summary Large Image Cards
Picking the right card type depends on your content and goals. Here is a side-by-side look at the two main card types open to all websites.
Advantages
Large Image drives more clicks
In our testing, summary_large_image cards get 40% more clicks than summary cards. The full-width image takes up more space in the feed and catches the eye as people scroll.
Summary is more compact
Summary cards take up less height in the feed, which means they sit next to more content. For news feeds or pages shared often, the compact layout feels less pushy.
Large Image works best for visual content
Product shots, charts, and hero images lose their punch when shrunk to the summary card's small thumbnail. So, use large image for any content where the visual is the hook.
Summary works best for text-driven content
Articles, docs, and reference pages often have plain or low-impact featured images. In this case, the summary card format puts more weight on the title and description text.
Limitations
Large Image requires better image quality
The full-width display means blurry or badly framed images stand out more. A fuzzy or oddly cropped large image card looks worse than a clean summary card.
Summary has lower click-through rates
The smaller thumbnail is easy to scroll past. So, if engagement is your main goal, summary cards fall behind their large image versions every time.
| Feature | Summary Card | Summary Large Image Card |
|---|---|---|
| Image display | Small 1:1 thumbnail | Full-width 2:1 image |
| Min image size | 144x144 px | 300x157 px |
| Recommended image | 240x240 px | 1200x628 px |
| Title truncation | ~70 characters | ~70 characters |
| Description truncation | ~200 characters | ~200 characters |
| Timeline real estate | Compact (1 line height) | Large (image + text) |
| Click-through rate | Baseline | ~40% higher in our testing |
| Best for | Articles, docs, references | Marketing, products, visuals |
Twitter Card Resources & Further Reading
Developer Docs
Twitter Cards Markup Reference
The official Twitter/X developer docs for card types, required tags, and setup details.
Open Graph Protocol Specification
The og: tags that Twitter/X falls back to when twitter: tags are missing. Knowing both sets of rules gives you the best coverage.
Twitter Crawler (Twitterbot) Documentation
Tech details on how Twitterbot fetches and reads web pages, including user agent strings and timeout rules.
Related Tools
Debug your og: tags for Facebook, LinkedIn, and other platforms that use Open Graph for link previews.
Build both Twitter Card and Open Graph meta tags from one form with copy-paste HTML output.
Full guide to image sizes across all social media platforms, including Twitter card image needs.
Setup Guides
Next.js Meta Tags Guide
How to add Twitter Card and Open Graph meta tags in Next.js using the Metadata API and generateMetadata function.
WordPress OG/Twitter Tag Plugins
Comparison of Yoast SEO, Rank Math, and All in One SEO for managing Twitter Card tags on WordPress sites.
Testing Cards with Multiple URLs
Tips for checking cards across staging, production, and CDN-cached setups without publishing bad previews.
Testimonials
Loved by Creators & Marketers
SocialPreviewHub replaced three paid tools I was using. The post preview is pixel-perfect and the carousel builder saves me hours every week. Best free toolkit I've found.
Sarah Mitchell
Social Media Manager · BrightWave Agency
The UTM builder and meta tag generator are incredibly well-built. I used to pay $30/mo for similar features. Now my whole team uses SocialPreviewHub daily.
James Rodriguez
Digital Marketing Lead · GrowthPoint Media
I create LinkedIn carousels every week and this tool is essential for my workflow. Upload slides, export PDF, done. No more wrestling with Canva templates.
Emily Chen
Content Creator · Self-employed
Generated a QR code menu for my restaurant in under 2 minutes. Added all items with prices and it looks professional. Saved me from paying a monthly subscription.
Marcus Thompson
Restaurant Owner · The Urban Kitchen
The Open Graph debugger helped me fix broken link previews for three client websites. The meta tag generator is now part of my standard workflow for every new site.
Priya Sharma
Freelance Marketer · Sharma Digital
We use the barcode generator for all our product labels. Supports EAN-13, Code 128, and UPC-A which covers everything we need. Export quality is excellent.
David Kim
E-commerce Manager · NovaPack Retail
The safe zone checker is a must-have for short-form video creators. I stopped losing text behind TikTok's UI elements. Simple tool, huge time saver.
Rachel Foster
TikTok Creator · 530K followers
Device mockup generator is incredible for client presentations. Drop in a screenshot, pick a device frame, and export. My proposals look 10x more professional now.
Alex Nguyen
Brand Strategist · Pulse Creative Co.
Managing 12 client accounts and SocialPreviewHub handles all our preview, hashtag, and caption needs. We cancelled our Taplio subscription the same week we found this.
Olivia Martinez
Agency Director · Elevate Social
Built all our social media assets using SocialPreviewHub before launch. Post previews, OG tags, QR codes for our app download page. All free. Unbelievable value.
Tom Bradley
Startup Founder · LaunchKit
The image color extractor and palette generator are surprisingly accurate. I use them to pull brand colors from client logos and build consistent social media themes.
Nina Patel
UI/UX Designer · PixelCraft Studio
I recommend SocialPreviewHub to every client. The LinkedIn post preview with character counting and hook analysis helps my clients write better posts from day one.
Chris Walker
LinkedIn Coach · Profile Pro
Our team uses the chat screenshot generator for creating training materials and social proof. The Instagram DM mockups look incredibly realistic.
Aisha Johnson
Communications Manager · Meridian Health
The Twitter Card validator and OG debugger are essential for any SEO workflow. I check every page before launch now. Found and fixed broken previews on 40+ client pages.
Ryan O'Connor
SEO Specialist · RankFlow Digital
As a small business owner with no design skills, SocialPreviewHub is a lifesaver. I create my own social posts, generate QR menus, and even made a bio for my Instagram page.
Lisa Yamamoto
Small Business Owner · Bloom & Brew Cafe
The image resizer is a huge time saver. I upload one photo and download all 17 platform sizes in one click. No more opening Photoshop for every Instagram post and LinkedIn banner.
Daniel Park
Social Media Coordinator · Summit Marketing
Frequently Asked Questions
- How do I validate Twitter cards for my website?
- To validate Twitter cards, paste your page URL into our Twitter card validator and it will fetch your meta tags and show you exactly how your link preview will appear on Twitter/X. The tool checks for required tags, image sizes, and text truncation — all in one step, with no Twitter account required.
- Why did Twitter deprecate its official Card Validator tool?
- Twitter shut down public access to its Card Validator in 2022 as part of wider API and tool changes under new ownership. Since there is no official X card validator anymore, third-party tools like ours fill the gap by showing how Twitter/X renders different card types.
- What is the difference between Twitter summary and summary_large_image cards?
- A summary card shows a small square thumbnail (1:1 ratio) next to your title and text. A summary_large_image card shows a full-width image (2:1 ratio) above the text. In our testing with the Twitter card validator, summary_large_image cards get 40% more clicks because the bigger image grabs more attention in the feed.
- Why is my Twitter card image cropped incorrectly?
- Twitter/X crops images to a 2:1 ratio for single-image tweets and 1.91:1 for link cards. If your image was not designed for these ratios, key content gets cut off. Use our Twitter card validator to preview the crop, and upload images at exactly 1200x628 pixels for the most consistent results across devices.
- How to fix Twitter card not showing when I share a link?
- If your Twitter card preview is not showing, check three things: make sure you have a twitter:card meta tag set to 'summary' or 'summary_large_image', confirm your twitter:image URL is accessible and under 5MB, and verify your server is not blocking the Twitterbot user agent. Run your URL through our Twitter card validator to diagnose the exact issue.
- How do I force Twitter to refresh a cached card?
- Twitter caches card data for about 7 days with no official way to force a refresh. The best workaround is adding a cache-busting query parameter to your URL (like example.com/page?v=2) when sharing. This makes Twitter treat it as a new URL and pull fresh meta tags from your Twitter card markup.
- Do I need both Twitter Card tags and Open Graph tags?
- Yes, we recommend setting both. Twitter/X prioritizes its own twitter: tags but falls back to og: tags if they are missing. Other platforms (Facebook, LinkedIn, Slack, Discord) only read og: tags. Use our Twitter card validator alongside our Open Graph Debugger to ensure your link preview looks right everywhere.
- Why does my Twitter card show on desktop but not on mobile?
- This is usually an image problem. The Twitter mobile app is stricter about image load times and file sizes. Make sure your twitter:image URL loads in under 2 seconds, the file is under 5MB, and your server allows the Twitterbot user agent. Run the URL through our X card validator to check for issues.
- What is the best image size for Twitter cards?
- For summary_large_image cards, use 1200x628 pixels (roughly 1.91:1 ratio). For summary cards, use at least 144x144 pixels (1:1 ratio). Keep image files under 5MB in JPG or PNG format. Our Twitter card preview tool shows you exactly how your image will be cropped and displayed.
- Can I validate Twitter cards without a Twitter account?
- Yes. Our Twitter card validator is completely free and requires no Twitter/X account. Simply paste any URL and the tool fetches the meta tags and shows a true-to-life Twitter card preview, including both summary and summary_large_image card types.
Related Tools
Other free tools you might find useful
OG Debugger
Debug Open Graph tags and preview link cards
Try it freeMeta Tag Generator
Free Open Graph meta tag generator — no account required
Try it freePost Preview
Free social media post preview tool — all platforms, no login
Try it freeUTM Builder
Free UTM link builder — no account, unlimited links
Try it free