Open Graph Tag Generator
Generate Open Graph and Twitter Card meta tags to control how your pages appear when shared on Facebook, Twitter, LinkedIn, and other social platforms.
Frequently Asked Questions
article:author and article:published_time. Use product for e-commerce product pages.article:author and article:published_time properties), and product (for e-commerce items). Using the correct type allows social platforms to present your content with the most appropriate rich preview format.
summary_large_image for content where imagery is central to the message.
en_US, fr_FR, de_DE). For multilingual sites, each language version should declare its own og:locale and list alternate locales using og:locale:alternate. This helps social platforms show users the most relevant language version of shared content.
About This Open Graph Generator
This free Open Graph tag generator builds the <meta property="og:..."> tags used by Facebook, LinkedIn, Slack, and other platforms to generate rich link previews. Fill in the title, description, image, and URL to get the full set of OG tags.
Without Open Graph tags, social platforms generate preview cards using guesswork — often pulling the wrong image or a truncated title. Correctly set OG tags give you full control over how your page appears when shared.
When to use this tool
- Adding rich social previews to blog posts and landing pages
- Ensuring the correct thumbnail image is used in social shares
- Setting OG tags for articles, products, and video pages
- Debugging why a link preview shows the wrong content
Standards & References
How It Works
Fill the Fields
Enter your page title, description, URL, image URL, and other metadata in both the Open Graph and Twitter Card sections.
Live Previews Update
Facebook/LinkedIn and Twitter card previews update in real time as you type, so you can see exactly how your link will appear when shared.
Copy to <head>
Click Copy and paste all generated OG and Twitter meta tags into the <head> of your HTML or CMS template.
Common Use Cases
Blog Posts & Articles
Ensure blog posts display a compelling headline and image when shared on social media to maximize click-through rates from social traffic.
E-commerce Products
Set product images, names, and descriptions for OG tags so product links shared on social platforms show attractive visuals that drive traffic.
Event Pages
Control how event listings appear when attendees share them on social media, including the event image, title, and description for maximum visibility.
Social Media Campaigns
Test different OG images and descriptions for landing pages before launching paid social campaigns to optimize visual appeal and messaging.
Brand Consistency
Ensure all pages on your site include your logo or brand image as the fallback OG image so any URL shared on social media looks professional.
Link Previews in Messaging
OG tags also control how links look in Slack, WhatsApp, iMessage, and Discord — important for B2B content shared in team channels.
Related SEO Tools
Related Articles
View all articles
Open Graph vs Twitter Cards: Why a Perfect og:image Can Still Show a Tiny Thumbnail on X
Open Graph tags don't fully control how links look on X — a separate twitter:card tag, with no Open Graph equivalent, determines the card layout, and its absence can produce a small thumbnail even with perfect og:image tags. Here's how Open Graph and Twitter Card namespaces overlap and diverge, image dimension differences between platforms, and why cached previews need platform-specific refresh tools.
Social Media Algorithm Signals and Link Sharing: Why Platforms Suppress Links and What Works Instead
LinkedIn suppresses posts with external links by 30–50% compared to text posts. Facebook organic reach is under 5%. Here's how platform algorithms actually treat links, the strategies that work despite suppression, and how Open Graph images affect click-through when links are shared.
Designing OG Images That Drive Social Media Clicks
The OG image is the most underinvested part of social media marketing. Here's what makes social preview images drive clicks: dimensions, contrast, readable text at thumbnail size, template-based generation at scale, and platform-specific caching considerations.
Open Graph Generator — Control How Your Links Look on Social Media
Learn what Open Graph tags are, how og:title, og:image, and og:description control social media link previews, how to add Twitter Cards, and how to generate all OG tags with a free tool.
