Hacks VitaeAll tools
freecompressconvert
Precision · Instant · Private

Open Graph Generator

Generate complete Open Graph and Twitter Card tags so your links show rich previews with a title, description, and image on social media.

SYSTEM ● ONLINE · LOCAL COMPUTE · ZERO UPLOAD
UNIT // OG.GENLIVE
0
Tags
website
Type
Quick Answer

What are Open Graph tags?

// Answer

Open Graph (OG) tags are special <meta> tags that control how a page looks when shared on social media. The core tags are og:title, og:description, og:image, og:url, and og:type. Platforms like Facebook, LinkedIn, and Slack read them to build a rich preview card.

Why use this tool

Better link previews

A link with proper OG tags gets a large image and clean title instead of a bare URL, which dramatically improves click-through on social media. Generate the full set here and paste it into your <head>.

FAQ

Frequently asked questions

1200x630 pixels is the recommended size for a large preview card across most platforms.
Twitter reads OG tags but also supports twitter:card and related tags, which this generator includes.
Inside the <head> section of your HTML page.
Yes, generated entirely in your browser at no cost.
More tools

Related tools

Last reviewed 2 October 2026

4 more

More developer tools

All 18 →

Everything here runs in your browser. Browse all the tools, or start from the home page.

Ask an assistant about this page

Opens in a new tab with this page and the question already filled in.