Free Tool · Generator

Open Graph Generator

Generate Open Graph and Twitter Card meta tags with live social preview — see how your links look on Facebook, Twitter/X, and LinkedIn.

Title

Description

URL

Image URL

1200×630px recommended for large image cards

Site Name

og:type

Locale

twitter:card

twitter:site

twitter:creator

example.com

Your Page Title

Your page description will appear here.

Meta tags

HTMLDrop inside your <head>

<!-- Primary Meta Tags -->

<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:locale" content="en_US" />

<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image" />

Automate it with SEOitis

Perfect social cards on every page — zero effort.

SEOitis generates optimized OG tags, Twitter cards, and social images for every article. Run a free analysis to see what we'd add to your site.

Run free site analysis

How to use

How to use the Open Graph Generator

01
Use 1200×630px images for maximum compatibility
Facebook, LinkedIn, and Twitter all display large-image cards at a 1.91:1 aspect ratio. A 1200×630px PNG or JPG ensures your image fills the card without cropping on any platform.
02
Always set og:title separately from your page <title>
Your page title tag is optimized for Google (60 chars, keyword-first). Your og:title is optimized for social (can be longer, more conversational). If you leave og:title empty, platforms fall back to <title> — which often looks awkward in a social feed.
03
Include twitter:card even if you have OG tags
Twitter/X reads its own meta tags first. Without twitter:card, your post may render as a plain text link instead of a rich card. Set it to summary_large_image for the big image card layout.

Frequently asked

About the Open Graph Generator

Open Graph (og:) tags are the Facebook/LinkedIn standard. Twitter has its own twitter: meta tags. Most platforms fall back to OG if twitter-specific tags are missing, but setting both ensures consistent rendering everywhere.

Yes — without og:image, platforms will either show no image or auto-generate a screenshot (which usually looks terrible). Every page that could be shared should have a dedicated 1200×630 image.

Yes — completely free, no sign-up required. Generate unlimited OG tag sets. The tool runs entirely in your browser.

Related tools

Pairs well with this one

Meta Tag Generator

Build a complete, validated set of HTML meta tags — title, description, robots, canonical, Open Graph, Twitter cards, and more.

Schema Markup Generator

Generate validated JSON-LD schema markup for 9 types — paste-ready for your site.

UTM Link Builder

Build campaign URLs with UTM parameters for Google Analytics tracking — with source/medium presets and live preview.

XML Sitemap Generator

Create valid XML sitemaps with priority, change frequency, and last modified dates — bulk URL support included.

More free tools

The full SEOitis free toolkit

01 · Generator

Schema Markup Generator

Generate validated JSON-LD schema markup for 9 types — paste-ready for your site.

02 · Analyzer

Google SERP Preview

See how your title and description render on Google desktop, mobile, and as a social card — with real pixel-width truncation.

03 · Analyzer

Core Web Vitals Checker

Real Core Web Vitals from Google PageSpeed Insights — LCP, INP, CLS, FCP, TTFB. Lab + field data, mobile + desktop.

04 · Generator

Meta Tag Generator

Build a complete, validated set of HTML meta tags — title, description, robots, canonical, Open Graph, Twitter cards, and more.

05 · Generator

Robots.txt Generator

Build a clean robots.txt — including AI bots like GPTBot, ClaudeBot, PerplexityBot, Google-Extended, and CCBot.

06 · Checklist

SEO + AI Search Checklist

A modern 50-item SEO checklist covering technical, on-page, content, and AI-search (GEO) — with progress saved in your browser.

You’re here

07 · Generator