Open Graph Preview
Preview how your content will appear when shared on social platforms
- Title should be 60 characters or less for best display
- Description should be 155 characters or less
- Image should be at least 1200x630 pixels (1.91:1 ratio)
- Use high-contrast images that are clear at small sizes
- Include your brand in the site name field
Privacy First
All preview generation happens locally in your browser. No data is sent to any server. Image URLs are loaded directly from their source for preview purposes only.
About Open Graph Protocol
Open Graph (OG) is a protocol created by Facebook that enables web pages to become rich objects in social graphs. When you share a link on Facebook, LinkedIn, Discord, Slack, or other platforms, OG tags determine what title, description, and image appear in the preview.
Essential Open Graph Tags
- og:title - The title of your page (different from HTML title)
- og:description - A brief description of the content
- og:image - URL of an image to display in the preview
- og:url - The canonical URL of your page
- og:type - The type of content (website, article, product, etc.)
- og:site_name - The name of your website
Image Requirements
For best results across all platforms:
- Minimum size: 1200x630 pixels
- Aspect ratio: 1.91:1
- Maximum file size: 8MB
- Formats: JPG, PNG, GIF (static)
- Place important content in the center (some platforms crop edges)
Example Implementation
<head>
<meta property="og:title" content="Your Page Title" />
<meta property="og:description" content="A compelling description..." />
<meta property="og:image" content="https://example.com/image.jpg" />
<meta property="og:url" content="https://example.com/page" />
<meta property="og:type" content="website" />
<meta property="og:site_name" content="Your Site Name" />
</head>Testing Your Tags
After implementing OG tags, use these official debuggers to verify they're working correctly:
- Facebook Sharing Debugger
- LinkedIn Post Inspector
- Twitter Card Validator
Related Utilities
Explore our other free tools: JSON Formatter, Base64 Encoder, Password Generator, UUID Generator, and QR Code Generator.