Web

Open Graph Preview

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

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.

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.

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.

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.

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.

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

Meta Tag Generator

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

SEO

SEO Analyzer

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

📱

Social Media Image Generator

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

↪️

Redirect Chain Checker

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

npm

NPM Package Explorer

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

🔗

Broken Link Checker

Free online broken link checker - find broken links on web pages

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.

Frequently Asked Questions