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, and other social platforms.

Enter your Open Graph meta tags or a URL and preview the social share card with title, description, and image. Test different card sizes, validate your OG tags, and ensure your content looks professional before sharing. Catch missing or misconfigured tags before they affect your social media presence. All previews are generated locally - no server requests. 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.

Share this tool