OG Meta Tag Generator Live

Page Type
The type determines which additional OG tags are shown.
Title *
0 / 95
Recommended: 60–95 characters
Description
0 / 200
Recommended: 100–200 characters
Page URL *
Must start with https://
Image URL
Recommended: 1200×630px, JPG or PNG, under 8 MB.
Image Width (px)
Image Height (px)
Image Alt Text
Site Name
Locale
Twitter Card Settings
Card Type
Twitter @username
The Twitter account of your website/brand.
Twitter Creator @username
The author's Twitter handle (for articles).
Output Options
Include canonical tag
Include Twitter Card tags
Include robots meta tag
Include description meta tag
Include title tag
0 tags
Open Graph (og:) Tags
Fill in the form to generate tags…
Twitter Card Tags
Fill in the form…
Additional Meta Tags
Fill in the form…
Full <head> Snippet
Fill in the form…

About This Open Graph Tag Generator

What This Tool Generates

This generator creates complete Open Graph meta tag code across four output sections — all ready to paste directly into your HTML <head>.

  • Core OG tags — og:type, og:url, og:title, og:description, og:image, og:image:width, og:image:height, og:image:alt, og:site_name, og:locale
  • Article tags — article:published_time, article:modified_time, article:author, article:section, and multiple article:tag entries
  • Product tags — product:price:amount, product:price:currency, product:availability
  • Twitter Card tags — twitter:card, twitter:url, twitter:title, twitter:description, twitter:image, twitter:image:alt, twitter:site, twitter:creator
  • Additional meta tags — HTML title tag, meta description, canonical link, and robots meta (each toggleable)
  • Live previews — see exactly how your page will look when shared on Facebook, Twitter/X, LinkedIn, and WhatsApp
  • Validation — per-field error/warning/ok checks with specific recommendations
  • Platform Guide — character limits and image requirements for 7 platforms including Slack, Discord, and Telegram

How to Use This Tool

  • Click Load Example to populate all fields with a real article example and explore every feature instantly
  • Select the correct Page Type — "article" unlocks published/modified time and article:tag fields; "product" unlocks price and availability fields
  • Enter your Title and watch the character meter — keep it green (60–95 chars) for best display across all platforms
  • Paste your Image URL and add width/height values to see a live thumbnail and avoid layout shift when scrapers load your page
  • Enter your Twitter @username in the Twitter Card section to attribute shares to your brand account
  • Use the Output Options toggles to include or exclude canonical, robots, description meta, and title tag
  • Click Social Preview to switch between Facebook, Twitter, LinkedIn, and WhatsApp previews and catch truncation issues
  • Click Validate for a full checklist of errors and warnings with fix recommendations
  • Click Copy All Tags or Download .html and paste into your page's <head>
  • After deploying, use the Platform Guide links to force a re-scrape on Facebook, Twitter, and LinkedIn

Open Graph Tag Complete Reference Guide

Essential OG Tags

The four required Open Graph tags are og:type, og:title, og:image, and og:url. Together they define what your page is, what it's called, what it looks like, and where it lives. Any platform that supports the Open Graph protocol — Facebook, LinkedIn, Slack, iMessage, WhatsApp, Discord, Telegram — reads these four tags first. The recommended OG title length is 60–95 characters and the recommended description is 100–200 characters, though platforms apply their own truncation limits.

OG Image Best Practices

The og:image is the single most impactful factor in social share performance. Use 1200×630 pixels at a 1.91:1 ratio as your standard — it works on every major platform. Keep text and logos within the center 80% safe zone to avoid cropping. Use JPG for photographs and PNG for graphics containing text. WebP is not universally supported by all social scrapers. The image URL must be absolute (starting with https://) and publicly accessible without authentication or bot-blocking rules.

Article & Product Types

Choosing og:type="article" unlocks the article: namespace with four additional tags: article:published_time (ISO 8601 date), article:modified_time, article:author (a Facebook profile URL or any URL), and article:section (the content category). These tags enable richer display in news aggregators and RSS readers. For e-commerce pages, og:type="product" unlocks product:price:amount, product:price:currency, and product:availability — tags used by Facebook Shops and Pinterest rich pins to display pricing directly in the share preview.

Why OG Tags Fail to Display

  • Platform is showing a cached version — use the platform's debug/inspect tool to force a re-scrape
  • og:image URL uses HTTP not HTTPS — some platforms block mixed-content images
  • Image is blocked by robots.txt or requires login — scrapers cannot access protected resources
  • Meta tags are injected by JavaScript after page load — social scrapers do not execute JavaScript
  • Image is too small — Facebook requires at least 200×200px to display a preview
  • og:image URL is relative not absolute — scrapers need the full https:// URL

Open Graph Tag Generator FAQ

Open Graph (OG) tags are HTML meta tags placed in the <head> section that control how a page appears when shared on social media. Without OG tags, platforms scrape random content — often picking the wrong image or an unrelated headline — resulting in unprofessional previews that reduce click-through rates. The four required OG tags are og:title, og:type, og:image, and og:url. OG is supported by Facebook, LinkedIn, WhatsApp, Slack, Discord, Telegram, iMessage, and many other platforms. Well-implemented OG tags can increase social traffic by 200–300% by making shares more visually compelling.

The universally recommended size is 1200×630 pixels at a 1.91:1 aspect ratio — this works on Facebook, Twitter/X, LinkedIn, WhatsApp, and most other platforms. The minimum is 600×315px, though lower quality is likely at small sizes. For Twitter specifically, 1200×628px is the ideal. For LinkedIn, 1200×627px. Keep important content in the center 80% safe zone as platforms may crop the edges. Use JPG or PNG — WebP is not universally supported by social scrapers. Always use an absolute https:// URL.

The HTML <title> tag controls the browser tab text and Google search result headline — it is SEO-optimized at 50–60 characters. The og:title is specifically for social share previews and has more lenient limits (~88 chars on Facebook, ~70 on Twitter). They can contain different text: the title tag might be keyword-dense for search ("SEO Tools — Free Online Checker | TechOreo") while og:title might be written for social engagement ("The Best Free SEO Tools for 2026"). If og:title is absent, most platforms fall back to the HTML title tag.

Twitter Card tags complement OG tags — they do not replace them. Twitter reads its own twitter: prefixed tags first and falls back to og: tags when Twitter-specific tags are absent. In practice you only need to add the delta: specifically twitter:card (required to enable card display), twitter:site (your brand handle), and twitter:creator (the author's handle). All other fields — title, description, image — will automatically use their og: equivalents. Include both for maximum control and compatibility.

Facebook caches scrape data aggressively — even after updating OG tags, Facebook continues showing the cached version. To force a re-scrape, visit the Facebook Sharing Debugger at developers.facebook.com/tools/debug, enter your URL, and click "Scrape Again". Other common causes include: the og:image URL is not publicly accessible, the image uses HTTP instead of HTTPS, the image is smaller than 200×200px, or the meta tags are injected by JavaScript after page load (scrapers do not execute JavaScript).

The og:type tag specifies the type of content your page represents. Use website (default) for homepages, category pages, and tool pages. Use article for blog posts and news — this unlocks article:published_time, article:author, article:section, and article:tag fields. Use product for e-commerce pages — this enables product:price:amount, product:price:currency, and product:availability. Other valid types include profile, video.other, music.song, and book. The og:type value does not change how the image or title appears in the preview.

Each platform has its own cache-clearing tool. For Facebook, use the Sharing Debugger and click "Scrape Again". For Twitter/X, use the Card Validator. For LinkedIn, use the Post Inspector — LinkedIn re-scrapes every 7 days but the inspector forces an immediate update. For WhatsApp, there is no official tool — appending a query parameter like ?v=2 forces a new scrape but also changes the canonical URL. Discord and Slack re-scrape links when they are first posted in a new context.