Util Hub.io
← Back to Tools

Open Graph Preview

Preview how links appear on social media.

Tag Content

Social Previews

Facebook / LinkedIn

No Image
EXAMPLE.COM
Title
Description...

Twitter (X) Large Card

No Image
Title
Description...
example.com

Related Tools

Word CounterCount words, characters, sentences & paragraphs instantly.Character CounterCount characters with and without spaces in real time.Meta Tag GeneratorGenerate SEO-optimized html meta tags for your website.Robots.txt GeneratorGenerate, validate & block AI bots with robots.txt.Sitemap GeneratorBuild a valid XML sitemap for your website.Lorem Ipsum GeneratorGenerate placeholder text for designs.

Open Graph Preview Tool — Test & Generate OG Tags for Social Media

See exactly how your website will look when shared on Facebook, Twitter/X, LinkedIn, and other social platforms. UtilHub's Open Graph Preview lets you enter your OG meta tags and instantly see a pixel-accurate mockup of how each platform renders your link card. Catch missing images, truncated titles, and wrong descriptions before you share. Also generates the HTML code for OG tags you can copy directly into your page's <head>.

Control how bots crawl your site with our Robots.txt Generator.

How to use Open Graph Preview

  • Enter URL to fetch tags, or input manually.
  • See live previews for Facebook, Twitter, LinkedIn.
  • Copy generated meta tags.

Features

  • Multi-platform preview — See how your link appears on Facebook, Twitter/X, LinkedIn, and Slack simultaneously in one view.
  • Live editing — Change your title, description, image URL, and URL, and watch the previews update in real time.
  • OG tag code generator — Generates complete Open Graph and Twitter Card meta tag HTML that you can copy and paste into your site.
  • Character limit indicators — Shows title and description character counts with platform-specific limits highlighted.

Frequently Asked Questions

What are Open Graph tags?

Open Graph (OG) tags are HTML meta tags that control how your web page appears when shared on social media. They define the title, description, image, and URL that Facebook, LinkedIn, Twitter, and other platforms display in the link preview card.

What size should my Open Graph image be?

The universal safe dimension is **1200×630 pixels** at a 1.91:1 aspect ratio — this works across Facebook, LinkedIn (1200×627), and Twitter/X (which prefers 1200×675 for large cards). Keep the file under 5MB (JPEG recommended for photos, PNG for graphics with text). The minimum accepted size is 600×315 pixels, but images below 1200px width display as small thumbnails on Facebook instead of the large preview card — which can cut click-through rates by over 50%. Always center your key content (logo, text) since different platforms crop edges differently.

Why does my shared link show the wrong image or title?

Social platforms cache OG data aggressively. Facebook caches previews for 24+ hours. After updating your meta tags, use Facebook's Sharing Debugger (developers.facebook.com/tools/debug/) — click "Scrape Again" to force a refresh. For Twitter/X, their Card Validator was deprecated in 2023, but you can append `?v=2` to your URL to bust the cache. LinkedIn caches for approximately 7 days; use their Post Inspector (linkedin.com/post-inspector/) to refresh. Changes typically propagate within 5-15 minutes after clearing the cache.