ToolPremier Logo
ToolPremier

Home  ›  SEO Tools  ›  Open Graph Tag Generator

Open Graph Tag Generator

Generate the complete set of Open Graph meta tags for any page — preview how it looks when shared on Facebook and LinkedIn, then copy the HTML in one click.
✓ Free✓ No signup✓ Privacy first✓ Runs in your browser
Open Graph Tag Generator – ToolPremier

Paste generated tags in your HTML · Facebook recommends 1200×630px og:image

How it works

Convert in three steps

1. Enter your page details

Fill in the page title, description, URL, image URL, content type, and site name. These map directly to the core Open Graph properties.

2. Preview the social card

See a live preview of how your page will appear when shared as a link on Facebook, LinkedIn, and other OG-compatible platforms.

3. Copy the meta tags

Get the complete <meta property="og:..."> HTML block ready to paste into your page's <head> section.

FAQ

Common questions

Open Graph (OG) tags are meta tags added to a page’s <head> that control how that page appears when shared as a link on social platforms. Without them, Facebook, LinkedIn, and similar sites guess at the title, description, and image — often with poor results. OG tags let you set exactly what displays: the headline, the preview image, the description, and the content type.
The four essential properties are og:title, og:type, og:image, and og:url. Without these, many platforms won’t render a rich link preview at all. og:description and og:site_name are strongly recommended — they significantly improve how your links look in feeds.
The recommended size is 1200×630 pixels at a minimum of 600×314 pixels. Images smaller than 600×314 may not render as large card previews on some platforms and will display as a small thumbnail instead. Use a JPG or PNG — avoid text-heavy images since they scale poorly at small sizes.
Open Graph tags control link previews on Facebook, LinkedIn, Pinterest, and most other social platforms. Twitter (now X) uses its own twitter: meta tag system — Twitter Cards. Many platforms fall back to OG tags when Twitter Card tags are absent, but for full control over Twitter previews, use both. The Twitter Card Generator on this site handles the Twitter-specific tags.

Keep going

Related tools

Twitter Card Generator

Generate Twitter-specific card meta tags for link previews on X.

Open tool →

Meta Title Generator

Craft the page title that feeds your og:title tag.

Open tool →

Meta Description Generator

Write the description that feeds your og:description tag.

Open tool →

Schema Markup Generator

Add structured data alongside your OG tags for richer search results.

Open tool →

About the Open Graph Tag Generator

When someone shares your page on Facebook, LinkedIn, Slack, or WhatsApp, the platform reads your Open Graph tags to build the link preview card — the title, image, and description that appear before the URL. If those tags are missing or wrong, the platform either guesses (usually badly) or shows a blank card. Getting OG tags right is a small change with a disproportionate impact on click-through rates from social shares. This generator builds the full set of OG meta tags from your page details, shows you a live social card preview, and outputs clean HTML ready to paste into your <head> or your theme’s SEO settings.

Open Graph tags work alongside your title, description, and other head tags; our overview of free meta tag generators shows how the full set fits together.

Benefits

  • Generates all core Open Graph properties: title, type, URL, image, description, site name.
  • Live social card preview — see exactly how your link will appear in a feed before publishing.
  • Clean HTML output — paste directly into <head> or your theme's custom meta field.
  • Works alongside Rank Math — use the output to cross-check or override plugin-generated OG tags.

Privacy

All tag generation runs client-side. The page details you enter are processed locally and never transmitted to any server.