Open Graph Generator
Generate Open Graph (og:) meta tags for rich social sharing. Required fields enforced, values escaped.
Independently verified for accuracy
Calculator by Toolsloft ↗Generate Open Graph meta tags so links to your page show a proper title, image, and description when shared on social platforms. Fill in the fields and copy the tags into your <head>. Required properties are enforced and values are escaped for valid HTML.
How this is calculated
Tags follow the Open Graph protocol. og:title, og:url, and og:image are required, and og:type defaults to website when left blank. og:description and og:site_name are added only when provided. Attribute values are HTML-escaped, so an & in a URL becomes &.
How to use
- Enter the page title, URL, and image (all required).
- Set the type, or leave it blank to default to website.
- Add an optional description and site name, then copy the tags.
Examples
- Minimal:
title + url + image yields the four core og: tags - Escaping:
a URL with & renders as & in the tag
FAQ
- Which Open Graph tags are required?
- The protocol requires og:title, og:type, og:url, and og:image. This tool enforces title, URL, and image, and defaults og:type to website.
- What image size works best?
- Most platforms favor a 1200 by 630 pixel image with a roughly 1.91:1 ratio. The tag just points to the URL you provide.
- Do these replace regular meta tags?
- No. Open Graph tags control social previews. You still want a normal title and meta description for search results.