Open Graph Generator — Create OG Meta Tags Online

Generate Open Graph protocol meta tags for Facebook, LinkedIn, WhatsApp, and Slack link previews. Covers og:title, og:description, og:image, og:url and all standard OG properties.

Key Features

How to Use

  1. Fill in the title, description, and canonical URL of your page.
  2. Enter the absolute URL to your social share image (og:image).
  3. Select your page type (e.g. website or article).
  4. Inspect the social share card preview to verify your layout.
  5. Copy the generated Open Graph tags and paste them into your <head> section.

Example

Sample input

Title: Launch Post | URL: https://example.com/blog/launch | Image: https://example.com/og.png

Sample output

<meta property="og:title" content="Launch Post">
<meta property="og:url" content="https://example.com/blog/launch">

Edge Cases

Frequently Asked Questions

What are Open Graph meta tags?

Open Graph meta tags are protocol tags originally developed by Facebook that control how URLs are displayed when shared on social media, messaging apps, and Slack.

What is the recommended size for an og:image preview?

The optimal resolution is 1200 x 630 pixels (a 1.91:1 aspect ratio), which ensures crisp rendering across high-resolution displays without awkward cropping.

Can og:image use a relative URL path?

No. Social crawlers require a fully qualified absolute URL including protocol and domain (e.g. https://example.com/images/share.jpg).

Related Tools

Twitter Card Generator — Create Twitter Meta Tags Meta Tag Generator — Create SEO Meta Tags Online URL Slug Generator — Convert Text to Clean Slugs HTML Formatter & Beautifier — Clean HTML Online

Privacy notice: when you run this tool, your input is sent over HTTPS to our server, processed in memory and returned. It is not stored or logged. Avoid pasting live secrets such as private keys or passwords.