Free Twitter / X & Open Graph Meta Tag Previewer

Twitter Card Validator

Preview, validate, and debug how your links appear when shared on X (Twitter), LinkedIn, Facebook, Discord, and Slack. Check character limits, image aspect ratios, and export clean meta tags.

Or test sample presets:
A+

Twitter Card SEO Health Score100/100

Response latency: 145ms Β· Evaluated against X crawler specifications

Twitter Card TypePASS

Valid twitter:card found: "summary_large_image"

Your card type is explicitly defined and valid for Twitter/X.

20/20 pts
Title Tag & LengthPASS

Title length is ideal (58 characters).

Renders cleanly across mobile and desktop without truncation.

25/25 pts
Description Tag & LengthPASS

Description length is optimal (126 characters).

Provides rich context for social readers without overflow.

25/25 pts
Preview Image & ProtocolPASS

Valid secure HTTPS image URL found.

Ensure image resolution is at least 1200x628px with a 1.91:1 aspect ratio.

20/20 pts
Twitter Handle AttributionPASS

Brand account handle "@indietool" properly formatted.

Your brand is correctly attributed when links are shared.

10/10 pts

Live Social Card Preview

Toggle platforms and themes to see pixel-perfect visual previews.

IN
indietool@indietool Β· 2h

Discover useful tools and launch your next startup πŸš€ Check this out:

IndieTool Preview
indietool.io

IndieTool - The Solopreneur Startup Directory & Launchpad

Discover top micro-SaaS startups, get permanent DR 35+ SEO backlinks, and launch your product to thousands of daily visitors.

18 42 156 34

Real-Time Meta Tag Editor

Modify properties below to see live updates in the card preview above.

57 / 70 chars (Optimal: 40-70)
125 / 200 chars (Optimal: 80-160)

Must be absolute HTTPS URL. Recommended size: 1200 x 628 px (1.91:1 ratio) for large images.

Copy Ready-to-Use Code Snippets

Copy and paste these tags directly into your HTML, Next.js, or React app.

<!-- Essential Twitter / X Card Meta Tags -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="IndieTool - The Solopreneur Startup Directory & Launchpad">
<meta name="twitter:description" content="Discover top micro-SaaS startups, get permanent DR 35+ SEO backlinks, and launch your product to thousands of daily visitors.">
<meta name="twitter:image" content="https://www.indietool.io/image/indietool-logo.png">
<meta name="twitter:site" content="@indietool">
<meta name="twitter:creator" content="@indietool">

<!-- Essential Open Graph Fallbacks (Facebook, LinkedIn, Slack, Discord) -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://www.indietool.io">
<meta property="og:title" content="IndieTool - The Solopreneur Startup Directory & Launchpad">
<meta property="og:description" content="Discover top micro-SaaS startups, get permanent DR 35+ SEO backlinks, and launch your product to thousands of daily visitors.">
<meta property="og:image" content="https://www.indietool.io/image/indietool-logo.png">

The Complete Guide to Twitter (X) Cards & Open Graph Meta Tags

Twitter Cards allow you to attach rich media (photos, videos, and formatted snippets) to Tweets when users share links to your website. Posts with rich summary large image cards generate up to 43% higher click-through rates (CTR) and significantly more retweets than plain text links.

1. Summary Card with Large Image

Tag: twitter:card = summary_large_image
Optimal Dimensions: 1200 x 628 px (1.91:1 ratio).
Best For: Blog posts, SaaS products, e-commerce, and articles where visual impact drives clicks.

2. Standard Summary Card

Tag: twitter:card = summary
Optimal Dimensions: 400 x 400 px (1:1 square ratio).
Best For: Documentation, corporate pages, user profiles, or when a wide banner is unavailable.

3. Player Card

Tag: twitter:card = player
Best For: Streaming audio, video podcasts, and interactive media embeds inside tweets.

4. App Card

Tag: twitter:card = app
Best For: Mobile applications linking directly to the iOS App Store or Google Play Store.

How to Fix / Invalidate Cached Twitter Cards

When you update your website’s meta tags or social banner image, X’s cache may continue showing the old preview for several days. Follow these proven methods to force a cache refresh:

  • Add a version parameter: Share your URL with a query string like https://yourdomain.com?v=2. X treats different query parameters as unique URLs and crawls fresh tags.
  • Test in the X Tweet Composer: Paste the URL in the tweet compose box on web. Allow 3-5 seconds for X’s backend scraper to pull the new image before clicking post.
  • Verify Cloudflare & Bot Protection: Ensure your server whitelist Twitterbot/1.0 so crawler requests are not intercepted by CAPTCHAs.

Frequently Asked Questions