Open Graph Preview
Preview social media share cards for your pages
How to Use Open Graph Preview
- 1Enter OG properties manually: title, description, image URL and site URL.
- 2Or paste HTML containing meta tags to auto-extract OG values.
- 3See preview mockups for Facebook, Twitter and LinkedIn.
- 4Adjust values and see the preview update in real time.
About Open Graph Preview
Preview how your webpage will look when shared on Facebook, Twitter, LinkedIn and other social platforms. Enter Open Graph properties manually or paste HTML meta tags to extract them automatically. See realistic mockups of social media card previews.
Frequently Asked Questions
What is Open Graph?
Open Graph is a protocol created by Facebook that allows web pages to become rich objects in social graphs. When you share a URL, social platforms read OG tags to display a rich preview card.
What OG tags are required?
The essential OG tags are og:title, og:description, og:image and og:url. Additionally, og:type (usually 'website') helps platforms categorize your content.
What image size should I use for OG?
Facebook recommends 1200x630 pixels for og:image. Twitter recommends 1200x600 for summary_large_image cards. Use high-quality images that look good when cropped to different aspect ratios.