TontonTools

Open Graph Generator

Generate Open Graph meta tags — perfect share previews, copy-paste ready.

100% Free No signup Privacy-friendly SEO Tools
Updated Sep 2026
Share X / Twitter Facebook LinkedIn WhatsApp

How to use Open Graph Generator

  1. Fill in the fields: page title, a ~110-character description, the absolute image URL (1200 × 630 px) and the page URL.
  2. Copy the generated meta tags from the output box.
  3. Paste them inside <head> of the page — via your template, CMS SEO plugin or theme editor.
  4. 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.

Frequently Asked Questions

The protocol's required four: og:title, og:type (usually "website" or "article"), og:image and og:url. In practice add og:description too — platforms display it and the preview looks bare without it.
Yes, and often should — the title tag is tuned for search (keywords, brand), og:title for the social feed (curiosity, no brand suffix). Two audiences, two headlines, same page.
Every page you expect to be shared, yes — with page-specific values. CMS SEO plugins (Yoast, Rank Math) generate them per page automatically; this tool covers custom sites and hand-built templates.
"website" for most pages, "article" for blog posts and news (it unlocks article metadata like publish time and author on some platforms). Products, videos and music have their own types but the two basics cover most sites.
Not directly — they're for social platforms. Indirectly, better previews earn more shares and clicks, and Google can use og:image as a hint when picking thumbnails. Treat them as click-through optimization for the social side of the web.

We use cookies for analytics and to keep the tools free via ads. See our Privacy Policy.