Open Graph Meta Tag Generator — OG Tags for Social Media
Generate Open Graph and Twitter Card meta tags so your links look great when shared on Facebook, Twitter/X, LinkedIn, and other social platforms. Control how your content appears with title, description, image, and more. 100% client-side — your data stays private.
How to Use the Open Graph Generator
- Enter the page title — this appears as the bold headline when shared on social media.
- Write a compelling description — the preview text shown below the title in social feeds.
- Paste the page URL — the canonical link that the share card points to.
- Add an image URL — use a 1200x630px image for best results across all platforms.
- Select content type — website, article, video, etc. This helps platforms categorize your content.
- Click "Generate Open Graph Tags" to get the HTML and preview how it looks.
Why Use This Open Graph Generator
When someone shares your page on Facebook, Twitter, or LinkedIn, the platform reads Open Graph meta tags to build a rich preview card. Without OG tags, social platforms may display a random image, wrong title, or no description at all — making your shared links look unprofessional and reducing engagement.
This generator also outputs Twitter Card meta tags (summary_large_image), so your links look great on X/Twitter too. Having properly configured OG tags can increase social media click-through rates by 2-3x compared to bare links.
Frequently Asked Questions
Open Graph (OG) meta tags are HTML elements that tell social media platforms how to display your page when shared. They control the title, description, image, and type of content shown in social preview cards on Facebook, LinkedIn, Twitter, and others.
The recommended image size is 1200x630 pixels. This works well across all major platforms. Facebook requires at least 200x200px, and Twitter recommends 1200x675px for summary_large_image cards. Always use absolute URLs for images.
Twitter/X will fall back to Open Graph tags if Twitter Card tags aren't present, but explicitly adding Twitter Card tags gives you more control over how your content appears on X. This tool generates both for full compatibility.
Use Cases
Facebook Share Cards
Generate og:title, og:description, and og:image tags so your links display rich preview cards in Facebook feeds.
Twitter Card Previews
Create twitter:card, twitter:title, and twitter:image tags for rich summary_large_image cards on X.
LinkedIn Article Sharing
Ensure professional sharing on LinkedIn with properly configured OG tags that display your content correctly.
Cross-Platform Sharing
Generate a single set of meta tags that work across all major social platforms for consistent brand presentation.