Open Graph Preview

LOCAL · Browser-Only

Preview how your page looks when shared on social media

Website URL

Was this tool helpful?

What is Open Graph Preview?

Free online open graph preview to see exactly how your webpage will appear when shared on Facebook, Twitter/X, LinkedIn, WhatsApp, Slack, and Discord.

Enter a URL to fetch its live meta tags, or paste your own Open Graph values, and preview the social share card with title, description, and image. Check the og:image dimensions, test the Twitter card type, and validate your OG tags before publishing. Useful for debugging a link preview that shows the wrong image, fixing a missing thumbnail, or comparing how the same page renders across platforms. Catch misconfigured tags before they affect your social presence. No signup required.

How to Use Open Graph Preview

1Enter your Open Graph tag values: title, description, image URL, and page URL
2Preview how the share card looks on Facebook, Twitter/X, and LinkedIn
3Adjust your tags until the preview looks correct on all platforms
4Copy the optimized OG meta tags to add to your page's HTML head section

Frequently Asked Questions

What are Open Graph tags?

Open Graph (OG) tags are HTML meta tags in your page's <head> section that control how your page appears when shared on social media. Key tags include og:title (share title), og:description (share description), og:image (share image), and og:url (canonical URL). Without these tags, platforms auto-generate previews that may look incorrect.

How does the preview work?

Enter your OG tag values (title, description, image URL) and the tool renders a realistic preview card matching how Facebook, Twitter/X, and LinkedIn display shared links. You can see both large image and summary card formats to ensure everything looks correct.

Why does my shared link look different than expected?

Common issues include missing og:image (no preview image shows), image too small (minimum 1200x630 pixels recommended), title or description too long (gets truncated), or cached old data. Use this tool to identify and fix tag issues before sharing.

What is the recommended OG image size?

The recommended Open Graph image size is 1200x630 pixels (1.91:1 aspect ratio). This works well across all major platforms. Images should be under 5MB and in JPG, PNG, or WebP format. Always use absolute URLs for og:image values.

Can I check the tags of a live URL?

Yes. Enter a page URL and the tool fetches its current Open Graph and Twitter Card tags to render the preview. Because it reads a live page, the URL is requested over the network rather than processed only on your device.

Why does WhatsApp or Slack show a different preview than Facebook?

Each platform reads its own subset of tags and caches results for a while. WhatsApp and Slack lean on og:title, og:description, and og:image, while Twitter/X also checks twitter:card. If a preview looks stale, the platform is likely showing a cached version from before your latest tag change.

Share this tool

Related Tools

SEO

Twitter card generator

Free online meta tag generator - generate SEO meta tags, Open Graph, and Twitter Card markup for your website

SEO

Seo checker

Free online SEO analyzer - analyze any website's SEO score and get actionable improvement tips

↪️

301 redirect checker

Free online redirect chain checker - trace HTTP redirect chains and hops

📱

Social Media Image Generator

Free online social media image generator - create correctly sized images for social media platforms

npm

Bundlephobia alternative

Free online NPM package explorer - search npm packages, check bundle sizes, and generate CDN links

🪝

Webhook Tester

Webhook tester online - generate temporary webhook URLs and inspect incoming HTTP requests for free

⚡

Page speed test

Free online website speed test - analyze page load performance metrics

👁

Protanopia simulator

Free online color blindness simulator - see how colors appear to people with color vision deficiency

Keep reading: HTML Cheat Sheet and image and canvas sizes reference. Doing this in code instead? See the tool chain endpoints.

What is Open Graph Preview?

Free online open graph preview to see exactly how your webpage will appear when shared on Facebook, Twitter/X, LinkedIn, WhatsApp, Slack, and Discord.