Open Graph Preview
Preview how your website looks when shared on social media. Generate OG tags.
OG Tag Settings
Facebook Preview
No image provided
example.com
Page Title
Your page description will appear here...
Twitter Preview
No image provided
Page Title
Your page description will appear here...
example.com
LinkedIn Preview
No image provided
Page Title
example.com
Generated OG Tags
<meta property="og:type" content="website" />
About Open Graph Preview
Open Graph Preview shows exactly how your website will appear when shared on Facebook, Twitter/X, LinkedIn, and other social platforms. Enter your og:title, og:description, og:image URL, and site name to see a live preview of the social share card.
Open Graph tags control the title, description, and image shown when a link is shared. Without them, platforms either scrape random content or show a plain URL — an opportunity for first impressions that most sites waste.
Generates the complete og:* meta tag HTML snippet ready to add to your page.
Features
- ✓Live preview of Facebook and Twitter share cards
- ✓og:title, og:description, og:image, og:url inputs
- ✓Twitter Card preview (summary and summary_large_image)
- ✓Generated HTML meta tag snippet
Common Use Cases
- →Optimizing blog posts for social sharing
- →Previewing how product pages look when shared
- →Testing OG images before publishing
- →Adding social meta tags to pages that are missing them