Free open graph preview tool

Preview & Test Open Graph Meta Tags Across All Social Platforms

See exactly how your link looks on Twitter/X, LinkedIn, Slack, iMessage, and Discord before you share it. Test meta tags, fix truncation, copy the HTML — free.

open graph preview tooltwitter card validator onlinelinkedin link preview tooltest open graph tags
drops.sh/tools/open-graph-preview — test meta tags free
37 charsOK — may truncate on X
122 charsOK — truncates ~200 on LinkedIn

Live multi-platform preview — click a platform

A

Acme · 2h

Just shipped something new — full breakdown below ↓

Acme — Launch your website in seconds

Acme — Launch your website in seconds

Drops turns any ZIP, PDF, or HTML file into a fast live link with SSL, QR sharing, and password protection. Free to start.

acme.drops.sh

Instant visual audit

  • Image dimensions unknown — use a 1200×630 px file under 5MB
  • Aspect ratio unknown — aim for 1.91:1 (1200×630)
  • Title 37 chars — X truncates past ~70, keep 50–60
  • Description 122 chars — LinkedIn truncates ~200, keep 150–160
  • Using demo image — upload your 1200×630 card or paste its URL

Tired of manually configuring meta tags and hosting images? Deploy your site on Drops free — instant automatic Open Graph image generation and edge caching included.

Deploy your site on Drops free

Free forever · No credit card · Automatic og:image + CDN cache

X · LinkedIn · WhatsApp · iMessage · Slack · Discord1200×630 · 1.91:1 · ≤ 5MBNo login · Copy-paste meta tags

Try it above — edit the title, drop your card image, flip platforms, then copy the meta tags.

Why link previews matter for CTR

Your link preview is the ad — broken cards kill clicks

Social posts with optimized preview cards get ~40% higher click-through. A missing thumbnail makes even great content look like spam.

+40% CTR with optimized cards

A crisp 1200×630 image, a 50–60 character title, and a complete description turn a bare URL into a clickable unit. Same link, dramatically different traffic.

Broken thumbnails erode trust

Grey boxes, cropped logos, and “Untitled — login to view” tell readers the link is stale or sketchy. Most people will not click to find out otherwise.

Every platform crops differently

X wants 1.91:1 large cards, LinkedIn trims long titles, iMessage shows one line. Preview once here instead of post-delete-repost five times.

Open Graph best practices

Ship cards that survive every crawler

Four rules cover 95% of broken previews — dimensions, titles, caching, and the one Twitter tag everyone forgets.

1200×630 · 1.91:1 · <5MB

One image size rules them all

Export your og:image at 1200×630 px (1.91:1), absolute HTTPS URL, under 5MB — ideally under 1MB so slow crawlers do not time out. Keep headlines inside the center safe zone; X and LinkedIn crop edges aggressively, and square fallbacks center-crop even harder.

Title 50–60 · Desc 150–160

Title tag vs. og:title — write both deliberately

Your <title> serves Google; og:title serves social. Keep og:title at 50–60 characters, og:description at 150–160, and front-load the hook — X truncates past ~70 chars, LinkedIn past ~200, iMessage after one line. The audit above flags each live.

Cache-busting

Crawlers cache — plan the refresh

X holds cards ~7 days, LinkedIn ~a week, Facebook/WhatsApp until re-scraped. After fixing tags, re-scrape in each debugger and bump ?v=2 to force a fresh fetch. Never debug against a cached card and assume the tags are still broken.

summary_large_image beats summary, always

Without <meta name="twitter:card" content="summary_large_image">, X shrinks your 1200×630 art into a tiny thumb. One line buys the full-bleed timeline card — the generator includes it by default.

Compare

One previewer for every platform

Official debuggers are single-platform, login-gated, and slow. HeyMeta shows tags but not cards. Drops shows all six cards, live.

Feature
All-in-oneDrops Previewer
Facebook Debugger1 platform
Twitter Validatorlogin needed
HeyMetatags only
Multi-platform preview (X, LinkedIn, iMessage, Slack, Discord)
Zero login required
Live local image upload
One-click HTML code generation
Title / description truncation warnings
Image dimension & ratio audit (1200×630)
Partial
Partial
Partial
Free forever
Limited

How it works

From broken guess to pixel-perfect card in 4 steps

Under two minutes, no login, no deploy.

1. Paste URL or enter custom text

Simulate any live link — or hand-type title, description, and site name.

2. Upload card image

Drop a 1200×630 PNG/JPG/WebP and confirm the 1.91:1 ratio badge.

3. Preview across all 6 platforms

Flip X, LinkedIn, WhatsApp, iMessage, Slack, Discord with live truncation.

4. Copy generated <meta> tags

Paste the og: + twitter: snippet into <head> and ship with confidence.

Free utility

Test open graph tags before your audience does

A two-minute check that saves a week of stale caches.

An open graph preview tool answers the question every marketer, founder, and developer asks after hitting publish: what will this link actually look like on social? A social share preview renders your og:title, og:description, and og:image exactly the way each crawler sees them — so you catch the cropped logo, the 90-character truncation, or the missing image before your launch post does.

Use this page as your twitter card validator online and linkedin link preview tool in one: flip between six realistic cards, run the dimension and length audit, then copy the generated snippet. Pair it with a free og image generator workflow — design once at 1200×630, host it on an edge CDN, reference it with an absolute URL — and every share unfurls correctly.

When the preview is pixel-perfect, ship it on infrastructure that keeps it that way: static website hosting with automatic OG images and edge caching, one-click ZIP to website deploys, shareable PDF to link pages with their own cards, and live interactive product demos — all starting on free website hosting.

open graph preview toolsocial share previewtest open graph tagsog image generator free

Publish with your agent

Your favorite AI agent can publish to Drops

Drops speaks MCP — the standard way AI agents connect to tools. Connect Cursor, Claude, ChatGPT, Grok or Gemini once, and any of them can build pages and publish them to your drops.sh site for you.

Claude
ChatGPT
Cursor
Grok
Gemini

Drops

One key connects them all · you.drops.sh

1.Create an API key

Sign in at app.drops.sh/account and create a key. Think of it as a password just for your agent — you can revoke it anytime.

2.Connect your agent

In your agent’s settings, add Drops as a tool and paste your key. One-time setup, about a minute — we show you exactly what to copy.

3.Ask it to publish

'Preview my launch page's Open Graph card for X and LinkedIn, then give me the fixed meta tags.' Your agent builds the page, uploads it, and hands you a live link. No dashboard needed.

Try asking your agent

“Preview my launch page's Open Graph card for X and LinkedIn, then give me the fixed meta tags.”

Show the one-time setup snippet

Paste this into your agent’s MCP settings (Cursor, Claude, ChatGPT, Gemini and most tools), replacing the key with yours:

{
  "mcpServers": {
    "drops": {
      "url": "https://api.drops.sh/mcp",
      "headers": {
        "Authorization": "Bearer drops_live_YOUR_KEY"
      }
    }
  }
}

Endpoint: https://api.drops.sh/mcp

FAQ

Open Graph questions, answered

Tags, missing images, cache lifetimes, and the perfect card size.

Open Graph tags are <meta> tags in your page <head> — og:title, og:description, og:image, og:url — that tell social platforms what title, preview text, and thumbnail to show when your link is shared. Twitter/X adds its own twitter:card tags on top. Without them, platforms guess from your body copy and usually guess wrong.
The usual culprits: the image is under 1200×630 px, over 5MB, blocked by robots.txt or a login wall, served over HTTP instead of HTTPS, or the crawler cached an older failed fetch. Fix the file, make the URL public and absolute (https://…), then force a re-scrape — LinkedIn caches aggressively for about 7 days without one.
X caches cards for roughly 7 days, LinkedIn holds previews for about a week, Facebook/WhatsApp cache until you force a re-scrape, and Slack/Discord cache per-URL until the unfurl is refreshed. During development, bust the cache by appending a query string (e.g. ?v=2) and re-running the debugger on each platform.
Use 1200×630 px (1.91:1 ratio) under 5MB — ideally under 1MB for fast crawler fetches. That single size renders cleanly on X large cards, LinkedIn feed posts, Slack unfurls, Discord embeds, and iMessage bubbles. Square 1:1 crops get center-cropped on X, so keep key text inside the middle 60% safe zone.
Keep og:title to 50–60 characters and og:description to 150–160 characters. X truncates titles past ~70 characters, LinkedIn cuts descriptions around 200, and iMessage shows barely one line. The live audit in the tool above flags truncation per platform before you ship.
Because each crawler has its own rules: X needs twitter:card set to summary_large_image for the big image layout, Slack ignores relative image URLs, and Discord requires an absolute HTTPS og:image. The generator above emits all three tag families together, so one snippet covers every platform.
Yes — one line makes the difference. X falls back to a tiny summary card without <meta name="twitter:card" content="summary_large_image">, even with a perfect og:image. Always ship both tag sets; it costs one line and doubles your click area on the timeline.
Re-scrape the URL in each official debugger after deploying fixed tags, and bump the URL (?v=2) if the old card persists. Crawlers also need a fast (<3s), public, HTTPS image — slow or gated images silently keep the stale card. Host the image on a CDN edge (like Drops) so every crawler fetches it in milliseconds.

Preview it now — ship it with confidence

Free social card previews, truncation audits, and copy-paste meta tags. Then host the page free on Drops.

Deploy Your Site Free

Free forever · No credit card · Automatic OG images + edge cache

Keep going

Related tools & use cases

Publish pages worth previewing with Drops.

Static website hosting
ZIP to website
PDF to link generator
Interactive product demo
Free website hosting
Digital business card
Password-protect a link
All use cases