Open Graph Tag Generator

Updated November 2026 · free, works in your browser

An Open Graph tag generator turns a title, a description, an image address and a page address into the meta tags that social networks and messaging apps read when someone shares a link. Fill in the fields above, copy the result and paste it into the head section of your page. The preview then shows the title and image you chose instead of whatever the platform guesses.

How to use

1. Type the page title exactly as you want it to appear in a shared post.
2. Enter the full address of the page, starting with http or https.
3. Add a short description, the address of a preview image and, if you like, a description of that image for people who cannot see it.
4. Pick the content type (website, article or product) and the Twitter card style.
5. Check the message under the fields, then press Copy tags and paste them into the head section of your page.
6. Use the link button to save your inputs as a shareable link if you want to come back to them.

How the tags are built

The Open Graph protocol, first published by Facebook, describes a set of meta tags whose property names begin with og:. Four are considered the core set: og:title, og:type, og:image and og:url. Optional tags such as og:description, og:site_name and og:image:alt add detail. X (formerly Twitter) reads its own twitter: tags and falls back to Open Graph tags when they are missing, so this generator writes both.

Each filled field becomes one tag, where the tag name says what the value means and the content value is your text. Characters that have a special meaning in HTML (the ampersand, angle brackets and double quotes) are escaped so the tag cannot break. Empty optional fields are left out instead of producing empty tags.

Length and size guidelines

These are common rules of thumb, not fixed limits. Each platform decides how much text it shows.

FAQ

Why does my old preview still show after I changed the tags?

Platforms keep a cached copy of the preview. After you update the tags, use the sharing debugger or card validator offered by the platform to refresh it, or wait until the cache expires.

Do I need both Open Graph and Twitter tags?

Not strictly. X falls back to Open Graph tags if the twitter: ones are missing. The twitter:card tag is still worth adding because it chooses between the small and the large image layout.

Should the image address be relative or full?

Use a full address that includes http or https and the domain. Crawlers read your tags without the context of your site, so relative paths often fail.

Where do the tags go?

Paste them inside the head section of the page they describe. Every page that can be shared should have its own title, description and image tags.

Is anything sent to a server?

No. The tags are built in your browser from the text you type, and nothing is uploaded or stored.

If you publish travel content, such as a city guide or a list of places to stay, a clear title and a good photo in the preview can decide whether friends tap a shared link while they are planning a trip together. The same care helps when you compare hotels or neighbourhoods with a group: a link that shows the right place and name saves everyone a round of questions.