Open Graph Generator

Generate Open Graph meta tags for better social media sharing previews.

Open Graph Tags
<meta property="og:type" content="website">
<meta property="og:locale" content="en_US">

Free browser-based tool · Runs 100% on your device · Last updated

What is the Open Graph Generator?

The free Open Graph Generator produces the <meta property="og:..."> tags that control how your page appears when shared on Facebook, LinkedIn, WhatsApp, and other OG-aware platforms. Configure the OG image (with width, height, and alt text), content type (website, article, product, etc.), locale, site name, and canonical URL, then copy the complete tag block.

  • Set a compelling thumbnail image and headline for Facebook and LinkedIn link previews.
  • Ensure a blog post shows the correct title and description when shared on social media.
  • Configure product pages with og:type="product" for better social commerce visibility.
  • Set og:locale for multilingual sites to target the correct language audience.
  • Override the default share preview for pages that don't have specific OG tags.

How to Use the Open Graph Generator

  1. 1 Enter the OG Image URL (recommended 1200×630px), its Width and Height, and an Image Alt description.
  2. 2 Choose the Content type dropdown: website, article, book, profile, or product.
  3. 3 Select a Locale (e.g. en_US, en_GB) and enter the Site name and Canonical URL.
  4. 4 Click Copy HTML to copy all OG meta tags and paste them into your <head>.

Key Features

  • 📸
    OG image configuration
    Set image URL, dimensions, and alt text for perfect social previews.
  • 🌍
    Locale and type support
    Configure content type (article, product, etc.) and locale for targeted social sharing.
  • Live tag output
    All OG tags update in real time as you fill in the form.
  • 📋
    Copy-ready HTML
    Get all og: meta tags in one click, ready to paste into your head section.

Example Usage

Example Input
Type: article, Site: My Blog, Image: https://example.com/og.jpg (1200×630), Locale: en_US
Example Output
<meta property="og:type" content="article">
<meta property="og:site_name" content="My Blog">
<meta property="og:image" content="https://example.com/og.jpg">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">

Frequently Asked Questions about the Open Graph Generator

What is the Open Graph Generator?
The Open Graph Generator is a free online tool that lets you generate Open Graph meta tags for better social media sharing previews. It runs entirely in your browser, so there is nothing to install and nothing is uploaded to a server.
Is the Open Graph Generator free?
Yes — the Open Graph Generator is completely free, with no account, subscription, signup, or usage limits.
Is my data uploaded or stored?
No. The Open Graph Generator processes everything locally in your browser. Your input is never uploaded, saved, or shared with any server.
Does the Open Graph Generator work offline?
Yes. Once the page has finished loading, the Open Graph Generator works without an internet connection.
Which browsers does the Open Graph Generator work in?
The Open Graph Generator works in all modern browsers, including Chrome, Firefox, Safari, and Edge — no plugins or extensions needed.
Why do Open Graph tags matter?
When someone shares your URL on social media, the platform reads your OG tags to display a title, description, and image preview. Without them, the preview is often wrong or missing.
Can I use the same OG tags for Twitter?
Twitter reads OG tags as a fallback if Twitter Card meta tags are absent. For full Twitter Card control, use the Twitter Card Generator to add twitter:title, twitter:description, and twitter:image tags.

Related Free SEO & Web Tools