Open Graph Generator — Create OG & Twitter Card Tags

This free Open Graph generator creates the og: and twitter: meta tags that control how your link looks when shared on Facebook, LinkedIn, Slack, and X. The Open Graph protocol reads og:title, og:description, og:image, and og:url to build a preview card; the recommended og:image is 1200×630 pixels with an absolute URL. Fill in your details to generate ready-to-paste tags, then re-scrape with each platform's sharing debugger so it picks up your changes. Everything is generated locally in your browser.

0 / 60 recommended
0 / 160 recommended
Social preview
Link preview
Twitter / X
Generated tags — paste into your <head>

How Open Graph tags work

Open Graph (OG) tags are meta tags in your HTML <head> that control how your page appears when shared on social platforms — Facebook, LinkedIn, WhatsApp, Slack, iMessage, and many others. They were created by Facebook in 2010 and are now the de facto standard for social sharing metadata.

The four essential OG tags are: og:title (the link headline), og:description (the preview text), og:image (the thumbnail — ideally 1200×630 px), and og:url (the canonical URL of the page). Twitter/X uses its own variant (twitter:card, twitter:title, etc.) but falls back to OG tags when Twitter-specific tags are absent. Without OG tags, social platforms extract title and description from your page's content with unpredictable results, often producing poor-quality previews. After adding or updating OG tags, clear the social platform's cache using Facebook's Sharing Debugger or LinkedIn's Post Inspector.

Related tools

Domain checker → Slug generator → Password generator →

How the Open Graph protocol works

When you paste a link into Facebook, LinkedIn, Slack or iMessage, the platform fetches the page and looks for og: meta tags to build the preview card. The four essentials are og:title, og:description, og:image and og:url. Without them, the platform guesses — often grabbing the wrong text or no image at all, which kills click-through.

Image dimensions that matter

The recommended og:image is 1200 × 630 pixels (a 1.91:1 ratio) and under ~5 MB. Smaller images render as a small thumbnail instead of a large card, and the wrong aspect ratio gets awkwardly cropped. Always use an absolute URL for the image — relative paths silently fail when the scraper runs on another domain.

Twitter/X cards

X reads its own twitter:card tags but falls back to Open Graph, so you usually only add twitter:card (set to summary_large_image) and let the rest inherit. After publishing, clear the platform's cache with its sharing debugger so it re-scrapes your updated tags rather than serving a stale preview.

⚠️ Common Mistakes to Avoid

Frequently asked questions

What is Open Graph?

Open Graph is a protocol that allows any web page to become a rich object in a social graph, primarily used by Facebook.

Does OG help with SEO?

While not a direct ranking factor, OG tags improve click-through rates (CTR) from social media, which helps indirectly.

Reviewed by the ToolsmithPro editorial team · Last updated June 2026. Every calculation and conversion runs entirely in your browser — your inputs are never uploaded, stored or shared. Formulas and methodology are documented on our about page; spot an error? tell us and we'll fix it.