Meta Tag + Open Graph Generator

Generate SEO, Open Graph and Twitter/X card meta tags, with previews and one-click copy.

SEO basics

Title0 chars

Description0 chars

Canonical URL

robots

Open Graph

og:title

og:site_name

og:description

og:image

Recommended size: 1200×630px.

og:url

og:type

Twitter / X

twitter:card

twitter:title

twitter:description

twitter:image

twitter:creator

twitter:site

Previews

Google

https://example.com/page

(page title)

(page description)

Facebook / LinkedIn (Open Graph)

No image URL set

joelucky.io

(page title)

(page description)

X / Twitter

No image URL set

(page title)

(page description)

Discord and Slack use the same Open Graph tags shown above.

Full <head> block

<meta name="robots" content="index,follow" />

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

<meta name="twitter:card" content="summary_large_image" />

This tool only generates tag text from your form input — it never makes a request to any URL and never inspects a live page's actual tags.

SIMILAR SEO & MARKETING

View all

UTM Builder

Build campaign tracking links with UTM parameters, keeping any existing query parameters.

Open →

Schema Markup / JSON-LD Generator

Build Schema.org JSON-LD structured data from a form, with a live preview.

Open →

💬 Comments

No comments yet. Be the first!

WHAT IS META TAG + OPEN GRAPH GENERATOR?

The Meta Tag + Open Graph Generator produces SEO, Open Graph, and Twitter/X card tags from your form input, with Google/social-card previews.

Important

This is a pure form-based generator — it never makes a request to any URL and does not check a live page's actual tags.

How to use?

Fill in the SEO, Open Graph, and Twitter fields.
Copy the generated head block below into your page's <head>.

Frequently asked questions

Does this tool check the meta tags actually live on my site?

No. This is a pure form-based generator that only produces tag text from what you type — it never makes a request to any URL, and there is no "live checker" mode (that's planned for later, not included in this version).

Do the character-count warnings block me from copying the tags?

No. The title/description character counters are just a soft visual hint (they change color past common thresholds) — they never lock input or block copying/downloading.

Why isn't there a separate Discord/Slack preview?

Because they read the exact same Open Graph tags as the Facebook/LinkedIn card, so the page notes this in one line instead of building a near-identical fourth preview.