Free Open Graph Preview, Test Social Share Cards

Enter your Open Graph title, description, image URL and website domain to instantly preview exactly how your link will appear when shared on Facebook, LinkedIn and Twitter/X. Fix poor previews before they go live. No sign-up. Free forever.

Unlimited Use
Facebook
LinkedIn
Twitter / X
Live Preview

Open Graph Preview

Enter your page details below. The social card previews on the right update live as you type.

Platforms cache aggressively. Once LinkedIn or Facebook has scraped your URL it will keep showing that card for days, even after you fix the tags. Fix first, then force a re-scrape in the platform's own debugger, or you will think nothing worked.
See exactly how a live page looks when shared, then edit it here.

Open Graph Details

0 chars (Facebook: 60 · LinkedIn: 70 · Twitter: 70)
0 chars (Facebook: 200 · LinkedIn: 200 · Twitter: 200)
1200×630 px recommended
OG Image preview

Add these tags inside your <head>:

<meta property="og:title" content="…">
<meta property="og:description" content="…">
<meta property="og:image" content="…">
<meta property="og:url" content="…">

Facebook

Link share card
yourdomain.com
Your OG title will appear here
Your OG description will appear here as a preview snippet.

LinkedIn

Post link preview
Your OG title will appear here
yourdomain.com

Twitter / X

Summary card with large image
Your OG title will appear here
Your OG description will appear here as a preview snippet.
yourdomain.com

Preview Your Link Card in Seconds

1

Enter Your OG Tags

Fill in your og:title, og:description, og:image URL and og:url. These are the four tags that control how your link looks when shared on every major social platform.

2

See Live Previews

Three pixel-accurate mock-ups update instantly as you type, showing exactly how your link card will render on Facebook, LinkedIn and Twitter/X with their specific layouts.

3

Check Character Limits

Live character counters flag when your title or description is too long for each platform. Truncation kills click-through rates, fix it before it goes live.

4

Copy the HTML Tags

Once you're happy with the preview, copy the ready-to-paste Open Graph meta tag HTML directly into your page's <head> section.

What is Open Graph?

Open Graph is a set of meta tags that tell social platforms what to show when someone shares your link. Facebook created the protocol in 2010 and everyone adopted it, so the same four tags now control the preview card on LinkedIn, WhatsApp, Slack, Discord and X.

Four tags do the work. og:image is the picture, at 1200 by 630. og:title is the headline. og:description is the line under it. og:url is the canonical address. Miss og:image and the platform guesses, which usually means a grey rectangle or your logo cropped in half.

This is not an SEO thing. Open Graph does not affect ranking at all. It affects whether a link shared in a WhatsApp group gets clicked or scrolled past.

Two more tags round out a solid card. og:type is usually website for a page and article for a blog post, and og:site_name puts your brand name on the card. For X you do not need a second full set. X falls back to your Open Graph tags, so one line, twitter:card set to summary_large_image, is enough to switch on the big-image layout. Keep the image itself light too. Aim for under 300KB so it loads on WhatsApp, and stay well under the platform ceilings, which sit around 5 to 8MB, or the picture may be dropped from the preview.

Written by Chirag Arora, digital marketing consultant with 17+ years of hands-on SEO experience across 500+ projects. He designed this tool and the other 22 free tools on this site. Verify on LinkedIn.

Where does each platform get its preview?

PlatformReadsWorth knowing
LinkedInOpen GraphCaches for around 7 days. Use their Post Inspector to force a refresh
FacebookOpen GraphTheir Sharing Debugger re-scrapes on demand. The original implementer
WhatsAppOpen GraphCaches hard and offers no debugger. Get it right before you share
X / TwitterTwitter Card, falls back to Open GraphYou can skip Twitter tags entirely and it still works
Slack and DiscordOpen GraphNo debugger. They just read what is there when first shared
GoogleNothingOpen Graph has no effect on search ranking. Different job entirely

The caching row is the one that wastes people's afternoons. You fix og:image, re-share the link and see the same broken card, then conclude the fix failed. It did not. The platform is showing you what it scraped days ago. Fix the tags, then use LinkedIn's Post Inspector or Facebook's Sharing Debugger to force a fresh scrape. WhatsApp gives you no such option, which is a good reason to check the card before the link goes anywhere.

A Free Social Card Tester Built From Real Campaigns

This free Open Graph preview tool shows how your link looks when someone shares it, before they share it. Paste a URL and it imports the tags the page already has, then renders the card as LinkedIn, Facebook and X would draw it. Edit the tags and the preview updates as you type. It runs online with no account and nothing to install.

Open Graph is the most ignored high impact thing on a website. Across 500+ projects, roughly half the sites I audit have no og:image at all, which means every link anyone posts to a WhatsApp group or a Slack channel renders as a grey rectangle with a URL under it. Nobody clicks a grey rectangle. It takes ten minutes to fix and nobody had ever looked, because the tags are invisible on the page itself. You only see the damage somewhere else, in someone else's feed.

The trap that follows is caching. You fix the tags, re-share and see the same broken card, then assume it did not work. It did. The platform is showing you what it scraped days ago. Set the tags properly with the free meta tag generator, get the dimensions right with the social media image size guide, then browse the rest of the free SEO tools.

A few things decide whether a preview shows at all. The og:image URL has to be absolute and publicly reachable, no login wall, no robots block and a valid certificate, because every platform fetches it from the outside. Keep your headline and logo inside the middle two-thirds of the frame, since each service crops the edges a little differently. And when a card looks wrong after you fix the tags, the culprit is almost always a cached old version, so run the page through Facebook's Sharing Debugger, the LinkedIn Post Inspector and the X Card Validator to force a fresh scrape, or append a version to the image URL. One 1200 by 630 image plus a twitter:card value of summary_large_image covers nearly every place a link gets shared.

Chirag Arora, digital marketing expert and creator of this free Open Graph preview tool
Built by Chirag Arora
Digital marketing expert, 17+ years of hands-on SEO experience across 500+ projects. Connect on LinkedIn
Chirag Arora presenting content and social strategy at an industry event

Where Does This Preview Come From?

The tags are read from your live page through our own server, so the card you see is drawn from exactly what your HTML says rather than a guess. The rendering is a close approximation rather than a pixel-perfect clone. Each platform tweaks its card design periodically and none of them publish a spec, so treat this as a check on whether the tags are present and sensible rather than a promise about typography. One genuine limit worth knowing: this cannot show you what a platform has already cached. If LinkedIn scraped your URL last week, that is what it will keep showing until you force a re-scrape in its own Post Inspector, no matter what this preview says.

Open Graph Preview Tool FAQ

Common questions about this free tool, answered clearly.

Why does my link show a grey box when shared?

You have no og:image, almost certainly. When a platform finds no Open Graph image it either guesses from the page and usually picks something unfortunate, or it gives up and shows a plain rectangle with the URL. Add an og:image at 1200 by 630 and the problem disappears. This is the commonest sharing fault on the web and it is invisible from your own site, which is why nobody catches it.

I fixed my tags but the old preview still shows. Why?

Caching, and this catches nearly everyone. Platforms scrape your URL once and store the card for days. LinkedIn holds it for around a week. So you fix the tags, re-share and see the same broken card, then conclude the fix failed. It did not. Force a re-scrape using LinkedIn's Post Inspector or Facebook's Sharing Debugger. WhatsApp gives you no debugger at all, which is the best argument for checking before you share.

Do I need Twitter Card tags as well as Open Graph?

Not really. X reads Twitter Card tags if they exist and falls back to Open Graph if they do not, so a page with good Open Graph tags previews fine on X without a single Twitter tag. Add them if you want different copy on X specifically. Otherwise it is duplication for its own sake.

Does Open Graph affect SEO?

No. Google does not use Open Graph tags for ranking, and they have said so. It is a completely separate job: Open Graph controls how your link looks when a human shares it, while your title and meta description control how it looks in search. The confusion is understandable because they are all meta tags in the same head, but they are read by different machines for different reasons.

What size should the og:image be?

1200 by 630, a ratio of 1.91 to 1. That is the standard across LinkedIn, Facebook, WhatsApp and Slack. Keep anything important away from the edges, because different platforms crop slightly differently. Avoid small text too, since the card renders tiny on a phone. If you only add one Open Graph tag, add this one.

Can I preview a page I do not own?

Yes. Paste any URL into the import box and it will read that page's Open Graph tags and render its card. It is a fast way to see how competitors present themselves when shared, and an even faster way to notice that most of them have not thought about it either.

Why Hire Me for Your Content Strategy

This free tool shows you the card. If you would rather have someone make every link worth clicking, here are a few honest reasons businesses hire me as their SEO and digital marketing consultant in India.

The Ten Minute Fix Nobody Makes

Half the sites I audit have no og:image. Every link shared is a grey box. It is invisible from your own site, which is exactly why it survives for years.

Hands-On, Not Just Oversight

I started as a technical SEO trainee, not in a management seat, and I still write the tags myself. You get direct expertise, not a ticket passed to a developer.

I Built This Tool Myself

The Open Graph preview you just used, I designed it, along with 22 other free SEO tools on this site. It is a direct look at how I work before you ever become a client.

Cards Built for the Feed

A card is read on a phone, in a scroll, in half a second. I design the image and title for that moment rather than for how they look on your monitor.

Direct Line to Me

Messages get a reply within 24 hours on business days, and WhatsApp is the fastest way to reach me for anything urgent. You are not waiting in a support queue.

Checked Before It Ships

Platforms cache your card for days, so a bad first share is expensive. I check every important page before the link goes anywhere.

Results From Links Worth Clicking

★★★★★
"Every link we posted showed a grey box with our URL under it. No og:image on any page. Chirag fixed it in an afternoon and our LinkedIn engagement doubled."

Founder

SaaS Startup, India
★★★★★
"We had spent a week convinced our tags were broken. Chirag explained it was LinkedIn's cache and forced a re-scrape in two minutes. His 17+ years shows."

Marketing Head

EdTech Company, India
★★★★★
"As a small business, we started with Chirag's free tools, then hired him. Ranked Page 1 for our main terms within 3 months. Practical, no fluff, real value."

Owner

D2C E-commerce Brand

Chirag Arora In The News

Featured on leading media platforms. Watch interviews, expert commentary and digital marketing insights covered by top news channels and podcasts.

Speaking, Training & Building Across India

Want a Full Technical SEO Audit?

Get a comprehensive review of your meta tags, Open Graph setup, schema markup and on-page SEO, with a detailed fix list.