What are Open Graph tags used for?

They control how your page appears when shared on social media, including the title, description, and preview image.

Do I need both Open Graph and Twitter Card tags?

Twitter/X falls back to Open Graph tags, but adding Twitter-specific tags gives you more control over the card type and image.

What image size should I use?

A minimum of 1200x630px is recommended for og:image to look crisp on most platforms.

Open Graph Generator

Generate Open Graph and Twitter Card meta tags.

Works Offline

Privacy First

No Login

No API

Open Graph & Twitter fields

og:title

og:description

og:url

og:image

og:type

og:site_name

og:locale

twitter:card

twitter:site

Output

<meta property="og:title" content="Coders Hub — Free Developer Tools" />
<meta property="og:description" content="A metadata-driven, browser-only toolkit for JSON, text, HTML/CSS, images, and SEO." />
<meta property="og:url" content="https://example.com" />
<meta property="og:image" content="https://example.com/og-image.png" />
<meta property="og:type" content="website" />
<meta property="og:site_name" content="Coders Hub" />
<meta property="og:locale" content="en_US" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@codershub" />
<meta name="twitter:title" content="Coders Hub — Free Developer Tools" />
<meta name="twitter:description" content="A metadata-driven, browser-only toolkit for JSON, text, HTML/CSS, images, and SEO." />
<meta name="twitter:image" content="https://example.com/og-image.png" />

Social card preview

https://example.com

Coders Hub — Free Developer Tools

A metadata-driven, browser-only toolkit for JSON, text, HTML/CSS, images, and SEO.

About the Open Graph Generator

Fill in your page title, description, image, and URL to generate ready-to-paste Open Graph and Twitter Card meta tags for rich link previews on social platforms like Facebook, LinkedIn, and X.

Examples

Basic OG tags

Title: My Blog Post | Image: cover.jpg

Output

<meta property="og:title" content="My Blog Post" />

Related tools

Breadcrumb Schema Generator

SEO

Generate JSON-LD BreadcrumbList structured data.

Canonical Tag Generator

SEO

Generate canonical link tags to avoid duplicate content issues.

FAQ Schema Generator

SEO

Build JSON-LD FAQPage structured data from Q&A pairs.

Keyword Density Checker

SEO

Analyze keyword frequency and density in your text.

Meta Tag Analyzer

SEO

Analyze HTML for missing or problematic meta tags.

Robots.txt Generator

SEO

Create a robots.txt file with custom crawl rules.

Frequently asked questions

Version 1.0.0 · Updated 2026-08-06 · Runs entirely in your browser