Skip to content
Tooldict

Open Graph Generator

Enter your page details and it generates the Open Graph and Twitter Card meta tags needed for correct previews on Facebook, LinkedIn and X/Twitter.

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

About

Open Graph tags control the title, description and image shown when a link is shared. This tool builds copy-ready og: and twitter: tags as you fill in the fields; add them to your page's <head>.

All processing happens in your browser; your details are never sent out.

How to use

  1. Enter the title, description, URL and image address.
  2. See the generated meta tags below.
  3. Copy them and paste into your page's <head>.

Frequently Asked Questions

What's the recommended OG image size?
1200×630 pixels is recommended for most platforms; it's ideal for the large card preview (summary_large_image).
Are Twitter tags generated too?
Yes. Matching twitter: tags for title/description/image are also added.

Other tools

DNS Lookup IP Lookup WHOIS Lookup cURL Converter GraphQL Formatter XML Formatter Nginx Config JWT Decoder Image to Base64 JSON ↔ CSV

Embed this tool

Copy the code below and paste it into your site's HTML to embed this tool for free. The snippet includes an attribution link back to the source.

<iframe src="https://tooldict.com/embed/en/open-graph-generator" title="Open Graph Generator" width="100%" height="600" style="border:1px solid #e2e8f0;border-radius:16px;max-width:680px" loading="lazy"></iframe>
<p style="font:13px/1.5 sans-serif">Powered by <a href="https://tooldict.com/en/open-graph-generator" target="_blank" rel="noopener">Open Graph Generator</a> — Tooldict</p>