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.