Open Graph Generator
Generate Open Graph meta tags — perfect share previews, copy-paste ready.
How to use Open Graph Generator
- Fill in the fields: page title, a ~110-character description, the absolute image URL (1200 × 630 px) and the page URL.
- Copy the generated meta tags from the output box.
- Paste them inside <head> of the page — via your template, CMS SEO plugin or theme editor.
- Verify with the Open Graph Checker and refresh platform caches if the page was shared before.
What is Open Graph Generator?
An Open Graph generator builds the meta tags that control your link's share preview — you fill in the title, description, image and URL, and it outputs the exact markup for your page's <head>:
<meta property="og:title" content="…"><meta property="og:description" content="…"><meta property="og:image" content="https://…/image.jpg"><meta property="og:url" content="https://…">
Hand-writing these invites the small mistakes that break previews — property vs name attributes, relative image paths, missing og:type — which is exactly what generating them avoids.
About the Open Graph Generator
Fill in the four fields — title, description, image URL and page URL — plus the content type, and copy the complete Open Graph block into your page template or CMS head section.
Writing the fields well: og:title can be punchier than your SEO title (no brand suffix needed — the platform shows your domain anyway) and survives whole up to ~60 characters; og:description gets roughly 2 lines (~110 characters) on most platforms, so front-load the hook; og:image must be an absolute https URL to a 1200 × 630 px image with the subject centered.
Where the tags go: inside <head> on every shareable page, each with its own values — a site-wide identical OG block makes every shared link look like the homepage. Verify the live result with our Open Graph Checker, and add Twitter Card tags (our companion generator) for X's enhanced format.