CompleteToolkit

Open Graph Generator

Generate og: and Twitter card tags — with a live preview of how your link will look when shared.

Your Open Graph + Twitter tags

<meta property="og:type" content="website">

<meta name="twitter:card" content="summary">

About this tool

When someone shares your link on WhatsApp, LinkedIn, X, Slack, Discord or Facebook, the platform builds that preview card — image, title, description — from Open Graph tags in your page's head. Without them, platforms guess: they grab a random image or none at all, truncate an arbitrary paragraph, and your carefully crafted page arrives looking broken. With them, every share is a small advertisement you designed.

This generator produces the complete set: the core og: tags (title, description, type, URL, image, site name) plus the Twitter card tags, automatically choosing the large-image card when you provide an image. Everything is properly escaped, and the content-type selector explains the options in plain language — website for landing pages, article for posts, product for items.

The live preview is the differentiator: as you type, a mock share card renders with your actual image, title and description, so you see roughly what recipients will see before you publish. Two practical rules baked into the tool's guidance: make the image 1200×630 pixels (the universal safe size), and treat the title and description as ad copy, because on social feeds that's exactly what they are. After deploying, platforms may cache old tags — each has a debugger tool to force a refresh, which the FAQ covers.

How to use the Open Graph Generator

  1. 1Enter the title and description you want shown when the link is shared.
  2. 2Add the page URL and an image URL — 1200×630 pixels is the safe universal size.
  3. 3Check the live preview card as you type.
  4. 4Copy the tags into your page's <head>, alongside your regular meta tags.

Frequently asked questions

What size should the og:image be?

1200×630 pixels is the universal recommendation — it renders sharply on Facebook, LinkedIn, X, WhatsApp and Slack. Keep critical content centered, as some platforms crop edges. Images under 200×200 may be rejected entirely.

I updated my tags but the old preview still shows — why?

Platforms cache share previews aggressively. Force a refresh with their debuggers: Facebook's Sharing Debugger, LinkedIn's Post Inspector, or X's Card Validator. Paste your URL there and the cache re-scrapes your updated tags.

Do I need both og: and twitter: tags?

Mostly one set: X falls back to Open Graph tags when Twitter-specific ones are absent. The twitter:card tag is the exception worth setting explicitly — it controls whether X shows a small summary or the large image card. This generator includes both sets for full control.

Does Open Graph affect SEO rankings?

Not directly — search engines don't rank by og: tags. Indirectly, better share cards get more clicks and shares, which drives traffic and links, which do affect SEO. Think of OG tags as conversion optimization for every shared link.

Related tools

Meta Tag Generator

Generate correct HTML meta tags — with live character counters for title and description limits.

Open tool

Robots.txt Generator

Build a correct robots.txt in seconds — block paths, block AI crawlers, add your sitemap. Copy or download.

Open tool

UTM Link Builder

Build campaign tracking URLs with UTM parameters — presets for the common channels, properly encoded.

Open tool

QR Code Generator

Generate QR codes for URLs, text or anything — download as PNG up to print quality. Nothing is uploaded.

Open tool