Open Graph Generator

100% free · Runs 100% in your browser · No signup needed

Page URL

Title (og:title)

Description (og:description)

Image URL (og:image)

Type (og:type)

Site name (og:site_name)

Live Facebook preview

example.com

Your page title

Your page description will appear here.

Generated meta tags - paste inside your page <head>

?? ?????? Open Graph Generator

What is the Open Graph Generator?

The Open Graph Generator builds the meta tags that control how your pages look when shared on Facebook, LinkedIn, WhatsApp, Telegram, Discord and other platforms. These og:title, og:description and og:image tags decide which headline, summary and thumbnail appear in the link preview, and a good preview can dramatically increase click-through from social feeds.

Without Open Graph tags, platforms guess your preview from random page content, often picking the wrong image or a cut-off sentence. This tool lets you craft the exact preview you want, shows you a live Facebook-style card as you type, and outputs clean meta tags ready to paste into your page head.

How to Use the Open Graph Generator

Enter page details: Add your page URL, title and description.
Add an image: Paste the full URL of your preview image. A 1200 x 630 pixel image works best.
Set type and site name: Choose website or article and enter your site name.
Check the live preview: Watch the Facebook-style card update in real time as you type.
Generate and install: Click Generate Tags, copy the output and paste it inside the head section of your page.

Key Benefits

Control your first impression: Decide exactly what people see when your link is shared.
Live preview: See the Facebook card update instantly with no guessing.
Correct syntax: Properly escaped tags that validate the first time.
Better click-through: Pages with rich previews earn far more social clicks.
Free and instant: No account needed, everything happens in your browser.

Pro Tips

Use a 1200 x 630 image: It fills the large link preview on every major platform.
Keep titles under 60 characters: Longer titles get cut off mid-word in previews.
Write descriptions as a call to action: Tease the click instead of summarizing the page.
Test after publishing: Verify the real preview with the Facebook Sharing Debugger and LinkedIn Post Inspector.

Frequently Asked Questions

Where do I paste the generated tags?

Inside the head section of your HTML page, alongside your other meta tags.

Why is my old image still showing when I share?

Platforms cache link previews. Use the official debugger tools of each platform to clear the cache after updating tags.

Do I still need Twitter Card tags?

X (Twitter) falls back to Open Graph tags, but dedicated Twitter Card tags give you finer control. Try our Twitter Card Generator as well.

What image size should I use?

A 1200 x 630 pixel image under 1 MB is the sweet spot for crisp previews everywhere.

Related Tools

Complete your social setup with the Twitter Card Generator for X-specific tags, the Meta Tags Analyzer to audit the tags already on your pages, and the Open Graph Checker to inspect any live URL.

Great social previews send traffic, but your hosting decides what visitors experience when they arrive. FistHost web hosting serves your pages from blazing-fast servers with plans from $0.99/mo and a free domain included, so social visitors land on a site that loads before they lose interest.

User Reviews

No reviews yet. Be the first to review this tool!