Open Graph Generator
The Open Graph Generator creates Open Graph meta tags for social media sharing. Open Graph is a protocol used by Facebook, LinkedIn, and other platforms to display rich previews when your page is shared. This generator creates og:title, og:description, og:image, og:url, og:type, and og:site_name tags. Proper Open Graph tags ensure your content looks professional when shared on social media, with a compelling title, description, and image preview.
Formula
Open Graph tags: - og:title: page title - og:description: page summary - og:image: preview image (1200x630) - og:url: canonical URL - og:type: content type (website, article) - og:site_name: website name Image: 1200x630px, under 8MB
Example
Basic Open Graph: <meta property="og:title" content="Calczy - Free Online Tools"> <meta property="og:description" content="120+ free calculators and dev tools"> <meta property="og:image" content="https://calczy.com/og-image.png"> <meta property="og:url" content="https://calczy.com"> <meta property="og:type" content="website">
How to Use
- Enter your page title and description
- Add your image URL (1200x630 recommended)
- Enter your page URL and site name
- Select content type (website, article)
- Copy the generated Open Graph tags to your HTML head
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 media. When someone shares your URL, the platform reads Open Graph tags to display a preview with title, description, and image.
What image size should I use?
The recommended image size is 1200x630 pixels. This provides a 1.91:1 aspect ratio that displays well on Facebook, LinkedIn, and Twitter. Images should be under 8MB and in JPG, PNG, or GIF format.
Do Open Graph tags work on Twitter?
Twitter has its own Twitter Card tags, but if Twitter Card tags are missing, Twitter falls back to Open Graph tags. For best results, include both Open Graph and Twitter Card tags on your pages.
How do I test Open Graph tags?
Use the Facebook Sharing Debugger (developers.facebook.com/tools/debug/) to test how your page will look when shared. It shows which tags are detected and any errors. You can also use the Open Graph Debugger by OpenGraph.xyz.
What happens if I do not have Open Graph tags?
Without Open Graph tags, social media platforms will try to guess the title, description, and image from your page content. This often results in poor or incorrect previews. Open Graph tags give you control over how your content appears.