Open Graph Generator

Generate og:title, og:description, og:image and Twitter Card tags, with guidance on preview image size and the usual pitfalls.

Runs in your browser: input and output are never sent to the server, and the platform does not store your input.

Input

Not stored

1200×630 is recommended; use an absolute URL.

Output

Fill in the fields on the left, then run.

How to use

  1. 1Fill in the title, description and preview image.
  2. 2Choose og:type and the Twitter Card style.
  3. 3Paste the tags into <head>, then verify with each platform's debugger.

FAQ

What size should the preview image be?

1200×630 (1.91:1) is recommended, under 5 MB, using a full https URL. Relative paths do not work on most platforms.

I changed the tags but the preview is stale.

Platforms cache their crawl. Re-fetch with Facebook's Sharing Debugger or X's Card Validator.

Do I need the Twitter tags at all?

X falls back to og: tags, but twitter:card is what decides between the large and small card layout.