Open Graph Preview Generator
See exactly how your link looks when shared on social media. Preview Facebook, Discord, and Twitter/X cards before publishing.
Page Metadata
💡 Recommended OG image: 1200 × 630px
What Are Open Graph Tags?
Open Graph (OG) meta tags are HTML snippets added to your page's <head> that control how your content appears when shared on social media. When someone pastes your URL into Facebook, Discord, or Twitter, these platforms fetch the OG tags to build the preview card — the title, description, thumbnail image, and domain name.
Getting OG tags right is one of the highest-ROI SEO and social media tasks you can do. A compelling preview card dramatically increases click-through rates on shared links. Our generator lets you test exactly what your card will look like across the three major platforms before you push any code changes.
FAQ
What's the ideal OG image size?
1200 × 630 pixels is the recommended size. It displays correctly on all major platforms without cropping. Minimum acceptable size is 600 × 315px.
Do I need different images for each platform?
Not necessarily. A 1200 × 630px image works well on Facebook and Twitter. Discord shows images at a slightly different crop ratio but still displays well with standard OG dimensions.
Why is my OG image not loading in the preview?
The image must be publicly accessible — local file paths and URLs behind authentication won't load. Make sure the URL starts with https:// and is directly accessible without login.
How do I add OG tags to my website?
Add the following tags inside your page's <head>: og:title, og:description, og:image, og:url. Most CMS platforms (WordPress, Shopify, Webflow) have built-in OG fields or plugins.