Where do I put Open Graph meta tags?

Put them inside the element of the page you want to share. They must be in the HTML the server sends, because most social crawlers do not run JavaScript.

What image size should I use for og:image?

Use 1200 x 630 pixels, a 1.91:1 ratio, with an absolute https URL. The tool does not check the image dimensions and does not add og:image:width or og:image:height tags, so add those by hand if you need them.

Can I change og:type to article?

Not inside the tool. The og:type tag is always written as website, so edit its content value to article, product, or another type after copying.

Why does Facebook still show my old link preview?

Facebook and LinkedIn cache the tags from the first time a URL was shared. Open the Facebook Sharing Debugger and click Scrape Again, or run the URL through LinkedIn Post Inspector, to refresh the preview.

Do I need to escape quotes in the title or description?

Yes. Values are inserted exactly as typed, so a double quote inside a field would end the content attribute early. Replace it with " in the copied tags.

Open Graph Meta Tag Generator

Generate Open Graph meta tags for Facebook, LinkedIn, and social media with live preview.

100% free
Private in browser
No signup
No watermarks

Page Title (og:title)

Canonical URL (og:url)

Image URL (og:image)

Site Name (og:site_name)

Description (og:description)

Facebook & LinkedIn Social Card Preview

thetoolss.com

TheToolss - All Free Online Tools

Free web tools for PDF, image, developer, text & calculators. 100% private in browser.

Generated HTML Meta Tags (6 tags)

<meta property="og:title" content="TheToolss - All Free Online Tools" />
<meta property="og:description" content="Free web tools for PDF, image, developer, text & calculators. 100% private in browser." />
<meta property="og:url" content="https://thetoolss.com" />
<meta property="og:image" content="https://thetoolss.com/og-card.jpg" />
<meta property="og:site_name" content="TheToolss" />
<meta property="og:type" content="website" />

About Open Graph Meta Tag Generator

The Open Graph Meta Tag Generator creates the og: meta tags that Facebook, LinkedIn, WhatsApp, and other apps read when a link is shared. Fill in the page title, canonical URL, image URL, site name, and description, and the tool writes ready-to-paste HTML and shows a preview card with your image, domain, title, and description. og:type is always set to website. The preview is an approximation of a share card; it does not fetch your live page or check the image size.

How to use Open Graph Meta Tag Generator

Fill in Page Title, Canonical URL, Image URL, and Site Name.
Write a short summary in the Description field.
Check the Facebook & LinkedIn Social Card Preview.
Click Copy Meta Tags and paste them inside the <head> of your page.

Key features

Generates og:title, og:description, og:url, og:image, og:site_name, and og:type
Card preview with image, domain, title, and description
Leaves out the tag for any field you clear
Shows how many tags were generated
Uses the property attribute that Open Graph requires
Updates as you type, with one-click copy

Frequently asked questions

Where do I put Open Graph meta tags?: Put them inside the <head> element of the page you want to share. They must be in the HTML the server sends, because most social crawlers do not run JavaScript.
What image size should I use for og:image?: Use 1200 x 630 pixels, a 1.91:1 ratio, with an absolute https URL. The tool does not check the image dimensions and does not add og:image:width or og:image:height tags, so add those by hand if you need them.
Can I change og:type to article?: Not inside the tool. The og:type tag is always written as website, so edit its content value to article, product, or another type after copying.
Why does Facebook still show my old link preview?: Facebook and LinkedIn cache the tags from the first time a URL was shared. Open the Facebook Sharing Debugger and click Scrape Again, or run the URL through LinkedIn Post Inspector, to refresh the preview.
Do I need to escape quotes in the title or description?: Yes. Values are inserted exactly as typed, so a double quote inside a field would end the content attribute early. Replace it with " in the copied tags.

Rate this tool

Be the first to rate — helps others and improves this page.