Open Graph Generator

Generate Open Graph meta tags

Open Graph Generator is a free online tool from BrowserUtils that generate open graph meta tags. It runs entirely in your browser — your data never leaves your device. No account required.

Title

Type

Description

URL

Image URL

Site Name

Locale

Twitter Card

Card Type

@site

@creator

Output

<!-- Open Graph -->
<meta property="og:title" content="My Page Title">
<meta property="og:description" content="A compelling description of this page for social sharing.">
<meta property="og:url" content="https://example.com/page">
<meta property="og:image" content="https://example.com/image.jpg">
<meta property="og:type" content="website">
<meta property="og:site_name" content="My Website">
<meta property="og:locale" content="en_US">

<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="My Page Title">
<meta name="twitter:description" content="A compelling description of this page for social sharing.">
<meta name="twitter:image" content="https://example.com/image.jpg">

How to use Open Graph Generator

1 Paste or type your input into the editor above.
2 The tool processes your data instantly — right in your browser, with nothing sent to a server.
3 Copy the result with one click or continue editing your input.

About Open Graph Generator

Free online Open Graph meta tag generator. Create og:title, og:description, og:image, and other Open Graph tags for rich social media previews on Facebook, Twitter, and LinkedIn. This tool runs entirely in your browser — your data is never sent to a server. Just paste your input, get instant results, and copy with one click. No sign-up or installation required.

Open Graph Generator specs

Runtime: 100% client-side (browser)
Built on: WHATWG URL API and Headers/Fetch standards as implemented by modern browsers
Cost: Free — no account, no rate limits, no usage caps
Browser support: Chrome 90+, Firefox 88+, Safari 14+, Edge 90+
Part of: 299 developer tools on BrowserUtils (100% client-side)

Questions

What is Open Graph?

Open Graph is a protocol created by Facebook that allows web pages to control how they appear when shared on social media. It uses meta tags to define the title, description, image, and type of content.

What Open Graph tags are required?

The four required Open Graph tags are og:title (page title), og:type (content type, usually "website"), og:image (preview image URL), and og:url (canonical URL of the page).

What image size should I use for og:image?

Facebook recommends 1200x630 pixels for og:image. This size displays well on most platforms including Facebook, LinkedIn, and Twitter when using their large card format.

Do Open Graph tags work on Twitter?

Twitter has its own Twitter Card tags, but it falls back to Open Graph tags when Twitter-specific tags are absent. For best results, include both og: tags and twitter: tags in your page.

Embed this tool

Copy this code to embed the tool on your website. Adjust the height to fit your layout.

<iframe src="https://www.browserutils.dev/embed/open-graph-generator" width="100%" height="500" frameborder="0" title="Open Graph Generator"></iframe>

Comments

Loading comments…

Related tools

More Web & Networking

URL Parser HTTP Status Codes Reference HTTP Headers Reference MIME Types Reference HTTP Methods Reference IP Address Converter CIDR Calculator DNS Record Types Reference

View all Web & Networking tools