OpenGraph Tag Generator

What are OpenGraph tags?

OpenGraph tags are <meta> elements in a page's <head> that tell Facebook, LinkedIn, Slack, Discord and other platforms what to show when someone shares your URL: a title, description, image, and canonical URL, independent of whatever the page itself displays. Without them, a shared link falls back to whatever the scraper can guess from the page — often the wrong image, a truncated title, or nothing at all.

This generator also produces the matching Twitter Card tags, since X (Twitter) ignores OpenGraph's og:title and og:description in favor of its own twitter:* namespace unless you explicitly opt into falling back to OG values.

When to use it

Add these tags to any page you expect people to share: blog posts, product pages, landing pages, documentation. They matter most for content marketing and launches, where the preview card is often the deciding factor in whether someone clicks. Set og:type to article for blog posts (enables article-specific extensions elsewhere), product for e-commerce listings, or profile for author/user pages.

The image should be at least 1200x630px — smaller images get upscaled or rejected by some scrapers, and the wrong aspect ratio gets cropped unpredictably in the feed.

Example

For a page at https://cloudpivot.dev/blog/edge-caching-guide, set Title to "A Practical Guide to Edge Caching", Description to a one-sentence summary, Image to a 1200x630 PNG hosted on your own domain, and Site Name to "CloudPivot". The generator outputs paired og: and twitter: meta tags ready to paste into the page's <head> — use "Copy link to this result" to hand the exact field values to a teammate instead of re-typing them.