Skip to content
T
Tools.Town
Free Online Tools for Everyone
OG

Open Graph Preview

100% Free

Preview how your link looks when shared on Facebook, X/Twitter, and LinkedIn, generate the matching Open Graph meta tags, and catch missing or oversized tags before you publish.

Live Preview
Meta Tags
Validates Tags
100% Client-Side

1. Page details

Recommended: 1200 × 630 px (1.91:1), under 1 MB, JPG or PNG

Twitter / X card type

2. Social previews

fFacebook
1200 × 630 og:image
tools.town
Tools.Town — Free Online Tools for Everyone
Fast, private, in-browser calculators, converters, and generators. No sign-up, no tracking — just useful…
𝕏X
1200 × 630 og:image
Tools.Town — Free Online Tools for Everyone
tools.town
inLinkedIn
1200 × 630 og:image
Tools.Town — Free Online Tools for Everyone
tools.town
  • Title length looks good.
  • Description length looks good.
  • Missing og:image — links without an image get far fewer clicks.
Meta tags
<meta property="og:title" content="Tools.Town — Free Online Tools for Everyone" />
<meta name="twitter:title" content="Tools.Town — Free Online Tools for Everyone" />
<meta property="og:description" content="Fast, private, in-browser calculators, converters, and generators. No sign-up, no tracking — just useful tools." />
<meta name="twitter:description" content="Fast, private, in-browser calculators, converters, and generators. No sign-up, no tracking — just useful tools." />
<meta property="og:url" content="https://tools.town/" />
<meta property="og:site_name" content="Tools.Town" />
<meta property="og:type" content="website" />
<meta name="twitter:card" content="summary_large_image" />

Embed This Tool

Easy to Embed

Add Open Graph Preview to your website or blog in seconds.

  • Responsive design
  • Lightweight & fast
  • No backend required
  • Always up-to-date 
<iframe
  src="https://tools.town/embed/og-image-preview/"
  width="100%"
  height="600"
  style="border:none; border-radius:12px;"
  loading="lazy"
  title="Open Graph Preview">
</iframe>

Share This Tool

Share Instantly

Share Open Graph Preview with anyone — no login required.

  • Shareable link
  • No login required
  • Works on any device
  • No account needed

Share via

Advertisement

How to Use

  1. 1 Enter your page title, description, and URL
  2. 2 Add your og:image URL and site name
  3. 3 Choose the Twitter/X card type (large image or summary)
  4. 4 Check the live Facebook, X, and LinkedIn previews
  5. 5 Fix any flagged issues, then copy the generated meta tags

Features

  • Side-by-side Facebook, X/Twitter, and LinkedIn share previews
  • Per-platform truncation so you see real display text
  • Generated Open Graph + Twitter Card meta tags, HTML-escaped
  • Automatic checks for missing title, description, image, and url
  • Recommended image dimensions (1200×630) built in
  • Bulk checks, branded image generation, and monitoring with Pro

Why it Matters

A link with a missing or broken Open Graph image looks untrustworthy and gets far fewer clicks when shared. Previewing the card before you publish — and copying clean, complete meta tags — means your pages always look intentional on social media and in chat apps.

★★★★★

Use Cases

Bloggers & Publishers

Make sure every post looks right when shared

Marketers

Polish share cards for campaigns and landing pages

Developers

Copy correct Open Graph and Twitter meta tags fast

Social Teams

Preview how a URL unfurls before posting it

What this tool does

The Open Graph Preview shows how your link will appear when shared on Facebook, X/Twitter, and LinkedIn. Enter your title, description, URL, and image, and it renders realistic share cards, generates the matching Open Graph and Twitter meta tags, and flags missing or oversized tags before you publish.

How it works

The tool formats your values exactly as social platforms do — applying per-platform truncation, extracting your display domain, and assembling clean, HTML-escaped <meta> tags. It runs entirely in your browser and never fetches your URL, so it’s instant and private.

Free vs Pro

The free preview validates and generates tags for one page at a time, fully client-side. A proposed Pro tier would add live fetching of a URL’s real tags, bulk checks across a sitemap, saved projects with monitoring, and branded OG-image generation — while the single-page preview stays free.

Privacy

Everything runs locally in your browser. Nothing you enter is uploaded, logged, or stored.

Frequently Asked Questions

What are Open Graph tags?
Open Graph (OG) tags are <meta> tags in your page's <head> that tell Facebook, LinkedIn, WhatsApp, Slack, and other platforms how to display your link — the title, description, and image shown in the share card. X/Twitter uses its own twitter: tags, which this tool also generates.
What image size should I use for og:image?
1200×630 pixels (a 1.91:1 ratio) is the safe standard that looks crisp across platforms. Keep it under about 1 MB and use JPG or PNG. The tool reminds you of this and previews the aspect ratio.
Does this fetch my live URL?
No. The free tool is fully client-side — it formats and validates the values you type but never fetches your URL or image. A proposed Pro tier would add live fetching of a page's real tags, bulk checks, and branded image generation.
Why does my preview text get cut off?
Each platform truncates long titles and descriptions. The preview applies realistic per-platform limits so you can see roughly where the text will be cut, and the checks warn you when your title or description is too long.
Is my data stored anywhere?
No. Everything runs in your browser. The values you enter are never uploaded, logged, or stored.
📖

Want to understand the math?

Browse all guides →
Open Graph Tags
open graph

Open Graph Tags: A Complete Guide to Social Share Previews

What Open Graph and Twitter Card tags do, the meta tags every page needs, the right og:image size, how previews differ across platforms, and how to test before publishing.

25 Jun 2026

5 min read

Related Tools You Might Like

Meta Tag Generator

Generate a complete, copy-paste block of SEO and social meta tags — title, description, canonical, Open Graph, and Twitter cards — with a live Google preview and length checks, all in your browser.

Canonical Tag Generator

Generate the correct rel=canonical link tag for any URL — force HTTPS, strip tracking parameters, and normalise the trailing slash.

Keyword Density Checker

Analyse any text to see how often each word and phrase appears, as a count and density percentage — with one-, two-, and three-word rankings and a focus-keyword check.

Meta Description Tester

Test a meta description's length, pixel width, and how it truncates in Google results on desktop and mobile — with a live SERP snippet preview, instantly and in-browser.

sitemap.xml Generator

Generate a valid sitemap.xml from a list of URLs — with lastmod, priority, and changefreq support. Paste URLs, set defaults, download or copy the XML.

Browse more free tools
More SEO Tools All categories