Open Graph Preview
Preview how your page will look when shared on Facebook, Twitter/X, LinkedIn, and Discord. Enter your OG tags manually or paste HTML.
OG Tag Values
Generated Tags
<meta property="og:type" content="website"> <meta name="twitter:card" content="summary_large_image">
Social Media Preview
OG Image Tips
- • Recommended size: 1200 × 630 pixels (1.91:1 ratio)
- • Use absolute URLs starting with
https:// - • Keep important content in the center — platforms may crop edges
- • File size: under 5MB for best performance
- • Formats: JPG or PNG (avoid SVG and WebP for OG images)
FAQ
What is Open Graph?
Open Graph is a protocol created by Facebook that allows web pages to control how they appear when shared on social media. OG tags define the title, description, image, and URL shown in share preview cards.
What image size should I use for OG?
The recommended size is 1200×630 pixels for Facebook and LinkedIn. Twitter recommends 1200×628 for summary_large_image cards. Using these dimensions ensures your image is displayed without cropping.
Why does my link preview look wrong on Facebook?
Facebook caches OG data. After updating your meta tags, use Facebook's Sharing Debugger to clear the cache. Also ensure your og:image URL is absolute (starts with https://) and the image is publicly accessible.
Does this tool fetch the actual URL?
No — this tool lets you enter OG tag values manually to preview the result without needing to deploy changes first. This way you can perfect your meta tags before going live.
More SEO Tools You May Like
Meta Tag Generator
Generate SEO meta tags with Google, Facebook, Twitter previews.
Schema Markup Generator
Generate JSON-LD structured data for Google rich results.
Robots.txt Generator
Generate robots.txt to control search engine crawling.
Keyword Density Checker
Analyze keyword density and word frequency for SEO.