Free Open Graph Tag Generator
Runs locallyUpdated October 25, 2026
Free Open Graph tag generator: create og:title, og:description, og:url, og:image, and og:type HTML meta tags for LinkedIn, Facebook, Discord, Slack, and WhatsApp.
<meta property="og:title" content="Launch checklist for marketers" />
<meta property="og:description" content="Plan campaigns faster with templates your whole team can reuse." />
<meta property="og:url" content="https://example.com/launch" />
<meta property="og:image" content="https://example.com/og.jpg" />
<meta property="og:type" content="website" />
<meta property="og:site_name" content="Example Studio" />How to use Open Graph Tag Generator
Enter your page title (og:title), summary (og:description), canonical URL (og:url), and absolute HTTPS image URL (og:image).
Select the content type (website or article) and verify your social preview.
Copy the generated <meta property="og:..."> tags into your webpage <head>.
Generate Open Graph (og:*) meta tags for rich social link previews
Whenever someone shares your URL on LinkedIn, Facebook, Slack, Discord, WhatsApp, or iMessage, the platform's crawler reads your Open Graph (og:*) meta tags to build the visual link card. Use this free Open Graph tag generator to create clean <meta property="og:..."> HTML code in seconds.
Required Open Graph properties & specifications
| Open Graph Property | Recommended Value / Spec | Common Mistake to Avoid |
|---|---|---|
og:title | 40–65 characters (clear headline without repetitive site suffix) | Letting titles exceed 80+ characters where mobile cards cut them off |
og:description | 110–160 characters (1–2 punchy sentences) | Leaving the field blank or duplicating the title verbatim |
og:url | Full canonical URL (https://www.example.com/page) | Including ?utm_source= parameters inside og:url |
og:image | 1200 × 630 px (1.91:1), absolute https:// URL, under 5 MB | Using a relative path like /images/cover.png (fails on every platform) |
og:type | website for homepages/tools; article for blog posts | Using unsupported custom types without declaring a namespace |
Copy-and-paste Open Graph HTML example
Place these tags inside your document <head>:
<meta property="og:type" content="website" />
<meta property="og:title" content="Free JSON Formatter & Validator" />
<meta property="og:description" content="Format, validate, and minify JSON in your browser with syntax error checks and zero server uploads." />
<meta property="og:url" content="https://www.nitroserp.com/tools/json-formatter" />
<meta property="og:image" content="https://www.nitroserp.com/tools/json-formatter/opengraph-image" />
Related social & meta tag utilities
Pair your Open Graph markup with X timeline tags using the Twitter / X Card generator, check recommended image dimensions across networks with the social media image size guide, or generate your full <head> block in the SEO meta tag generator. Read our full checklist on Open Graph tags in 2026.
Open Graph Tag Generator FAQs
og:*) meta tags are HTML <meta property="og:..."> elements placed inside your page <head> that control the title, description, thumbnail image, and URL displayed when your link is shared on Facebook, LinkedIn, WhatsApp, Discord, Slack, and iMessage.Related SEO Analysis Tools
More seo analysis tools and nearby utilities.
Meta Tag Generator
Free SEO meta tag generator: create HTML title tags, meta descriptions, robots directives, and Open Graph tags with live character counters and copy-and-paste head code.
Open tool →Twitter / X Card Generator
Free Twitter / X Card generator: create summary_large_image and summary meta tags (twitter:card, twitter:title, twitter:description, twitter:image) for X timelines.
Open tool →Schema Markup Generator
Generate Article, BreadcrumbList, or FAQPage JSON-LD from your own content. Copy the script and follow worked schema markup examples.
Open tool →Canonical URL Generator
Free canonical URL tag generator: create HTML <link rel="canonical"> tags to consolidate duplicate URLs, UTM query parameters, and syndicated content.
Open tool →
Guides for Open Graph Tag Generator
Step-by-step articles that use this tool.
- Open Graph Tags: 2026 Image Sizes, HTML & ChecklistCreate Open Graph and Twitter/X Card tags with 1200 × 630 image guidance, required properties, copy-paste HTML, and a pre-publish checklist.
- How to Write Meta Descriptions With AI: Prompts & ExamplesWrite AI meta descriptions from your page content. Get a reusable prompt, worked examples, length guidance, and a checklist before publishing.
- What Is a Meta Tag? HTML Examples & SEO BasicsLearn what meta tags do, see HTML examples, and fix title, description, and robots mistakes. Includes a free generator and a publish checklist.