A set of meta tags, prefixed og:, that tell social platforms how to display a link — the title, description and image shown in the preview card. Without them, a shared link falls back to whatever the platform can scrape, which is often wrong.

What image size should I use?

1200×630 pixels is the widely-supported size for a large preview image, and the og:image URL should be absolute (starting with https://), not relative, so platforms can fetch it.

Where do these tags go?

In the of the page. After adding them, use a platform's sharing debugger to re-scrape the URL so the new preview is picked up.

Open Graph Generator

Generate Open Graph meta tags for rich link previews on social media. Runs entirely in your browser.

og:title

og:description

og:url

og:image

Use an absolute URL, ideally 1200×630.

og:site_name (optional)

og:type

Open Graph tags

Fill in the form to generate the code.

Processed on your device. This file is never uploaded.

1Fill in the title, description, URL and image.
2Choose the content type.
3Copy the og: tags into your page's <head>.

Control how your links look when shared

When someone shares your page on social media, the preview card — title, description and image — is drawn from Open Graph tags. Set them and you control that first impression; leave them out and the platform guesses, often unflatteringly. This generator writes the core og: tags for you.

Absolute URLs, escaped values

The image and page URLs need to be absolute for platforms to fetch them, and all values are escaped so punctuation cannot break the tags. Paste the block into your head, then re-scrape the URL in a sharing debugger. It all runs on your device.

Frequently asked questions

Twitter Card Generator

Canonical URL Generator

Schema Markup Generator

Open Graph Generator

Control how your links look when shared

Absolute URLs, escaped values

Frequently asked questions

What next?