Open Graph Generator

The Open Graph Generator produces og: meta tags from your details, with a live preview of how the link will look when shared on social platforms. It is for marketers and developers controlling how pages appear in shared posts.

Without Open Graph tags, shared links show whatever a platform guesses, often poorly. Generating the tags locally gives you control over the title, image, and description, and previews the result before you publish.

1. Enter the Open Graph title, description, URL, and image.
2. The preview shows how the shared link card will look.
3. Refine the text and image reference until the card is clear.
4. Copy the og: meta tags.
5. Paste them into your page head.

• og: title, description, image, and URL tags
• Live shared-link preview
• Ready-to-paste og: tags
• og: tags generated in the browser

• Controlling how a blog post looks when shared
• Setting a custom share image for a landing page
• Fixing a link that previews with the wrong text
• Preparing share metadata before a launch

• Provide a clearly sized share image so platforms do not crop it unpredictably.
• Keep og:title and og:description aligned with the page’s actual content.
• After publishing, re-scrape the URL in each platform’s debugging tool so it picks up the new tags.

• Omitting og:image, which leaves shared links looking bare.
• Using an image too small or the wrong shape, so platforms crop it awkwardly.
• Setting og:url to something other than the page’s canonical address.