Skip to content
patrache.tools

Open Graph Preview

Preview Open Graph tags free — see how your page looks when shared on Facebook, Twitter and LinkedIn. Optimize social media share cards.

Title
Site Name
Description
Image URL
URL
og:type
Preview
No Image
example.com
Page Title
Description
OG Meta Tags
<!-- Open Graph -->
<meta property="og:type" content="website">
lockYour files never leave your device
Share
Embed

Embed this tool on your site

OG Preview Tool is a free online tool that shows how Open Graph tags appear on social networks.

How to use Open Graph Preview?

  1. Enter OG tag information (title, description, image URL).
  2. Select the preview platform (Facebook, Twitter, etc.).
  3. Check the real-time preview and optimize the display.

Frequently asked questions about Open Graph Preview

What is the recommended OG image size?

Facebook recommends 1200×630px and Twitter 1200×628px. Creating images at 1200×630px generally works well across most platforms.

What happens without OG tags?

Social networks will extract title, description, and images arbitrarily from your page, which may display unintended content. OG tags give you precise control over what appears when shared.

I fixed my OG tags but sharing still shows the old image.

Every platform caches the preview it read the first time, sometimes for days or weeks. Facebook's Sharing Debugger, LinkedIn's Post Inspector and X's card validator all let you ask for a re-scrape of that URL, which refreshes it at once. For messengers that offer no such tool, the common workaround is to append something like ?v=2 to the link so it registers as a new address.

What should I watch for when putting text on an OG image?

The recommended size is 1200×630 px, but platforms crop the edges differently, so keep essential words inside the middle 80%. In a timeline the image shrinks to roughly 300 px wide, which means letters need to be at least 60 px tall in the original to stay readable. And since the title already appears beneath the image, the picture works better with a short phrase that signals the subject at a glance than with the headline repeated.

How to get the most out of Open Graph Preview?

  • Stick to 1200x630 (1.91:1) for og:image — that's what Facebook, LinkedIn and Slack expect.
  • Shared links get cached, so run the Facebook Sharing Debugger after you swap the image.
  • Without og:title the <title> is reused; writing a share-specific line usually lifts click-through.

Powered by Patrache Studio Tools

Please allow ads on this site

To use these tools, allow ads on this site. Advertising keeps this service free.

Open your ad blocker, turn off blocking for this site, then check again.