FREE BROWSER TOOL

Open Graph
metadata generator.

Preview and copy Open Graph and Twitter card metadata for any page. Everything is generated locally in your browser.

Link preview

example.com

Your page title appears here

Your page description appears here.

Meta tags

<meta property="og:type" content="website" />

JSON-LD

{
  "@context": "https://schema.org",
  "@type": "WebPage"
}

FREE BROWSER TOOL

Open Graph metadata generator

Build and preview Open Graph and Twitter card metadata for a page. Enter a title, description, URL, and image, then copy the generated meta tags or JSON-LD into your site.

How to generate Open Graph tags

  1. Enter your page title, description, and canonical URL.
  2. Add an absolute image URL for the social preview.
  3. Preview the card and copy the generated tags.

Open Graph generator questions

Is this metadata generator free?

Yes. It runs entirely in your browser with no account required.

Where should I paste the generated tags?

In the <head> of your HTML page. In Next.js App Router projects, put the equivalent values in each page's metadata export instead of raw tags.

Is my data sent anywhere?

No. Everything you type stays on your device; the preview is rendered locally.