Does this tool send my page details anywhere?

No. Every tag is assembled locally in your browser as you type. Nothing you enter — titles, descriptions, URLs or image links — is uploaded, logged or stored, so your drafts stay completely private to you and the tool works the same offline.

What is the difference between SEO tags and Open Graph tags?

SEO tags like the title and meta description tell search engines what your page is about. Open Graph and Twitter card tags control how the link looks when shared on social platforms — the headline, summary and preview image. This tool generates all three sets at once so they stay consistent.

Do I need to fill in every field?

No. Only the fields you complete are turned into tags; empty ones are skipped. A title alone produces valid output, but adding a description, canonical URL and social image gives you the best results in both search and social previews.

Which Twitter card type should I choose?

Use summary_large_image when you have a good wide preview image and want it shown large, which suits most articles and landing pages. Use summary for a compact card with a small thumbnail, handy when your image is a logo or you prefer a tighter layout.

SEO & Web

Meta Tag Generator

Generate SEO, Open Graph and Twitter card meta tags for your page's <head>, ready to copy.

Free forever
No sign-up
Runs in your browser

Share X LinkedIn

Page details

Page title0 / 60

Shown in the browser tab and as the headline in search results. Aim for roughly 60 characters.

Meta description0 / 160

The summary search engines may show under the title. Keep it under about 160 characters.

Canonical URL

The preferred address for this page. Also used for og:url.

Site name

Your brand name, used for og:site_name.

Social image URL

The preview image used when the link is shared (og:image).

Twitter card type

How the card looks on X / Twitter.

Search preview

www.example.com › page

Your page title goes here

Your meta description appears here — write a concise summary of the page.

Generated meta tags

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

Paste these inside the <head> of your page. Empty fields are skipped, and every value is escaped so quotes and angle brackets stay safe.

What is a meta tag generator?

Meta tags are small snippets of HTML that live inside the <head> of a web page. They never appear on the page itself, but they tell search engines and social platforms how to title, describe and preview your content. Get them right and your pages show a clean headline in Google and a rich card with an image when shared on social media. Get them wrong — or leave them out — and platforms guess, often badly.

A meta tag generator writes that markup for you from a few plain inputs, so you don't have to remember the exact property names or hand-edit fragile HTML. This tool builds the tags live in your browser: there is no account, no upload, and nothing is stored. You fill in the fields, watch the output update, and copy the result straight into your page.

Which tags this tool generates

From your inputs the generator produces three coordinated groups:

Core SEO tags — the <title>, the <meta name="description">, and a <link rel="canonical"> pointing at the preferred address for the page.
Open Graph tags — og:title, og:description, og:url, og:image, og:site_name and og:type. These power previews on most social and messaging platforms.
Twitter card tags — twitter:card, twitter:title, twitter:description and twitter:image, with the card type you select.

Because all three groups are filled from the same fields, your search snippet and your social previews stay in agreement instead of drifting apart.

How to use it

Enter your page title. This becomes the browser tab text and the headline in search results. The live counter helps you stay near the recommended length.
Write a meta description. Summarise the page in a sentence or two; the counter flags when you run long.
Add the canonical URL — the single preferred address for this page, ideally built from a clean, readable URL slug. It is reused for og:url.
Add your site name and a social image URL so shared links carry your brand and a preview picture.
Pick a Twitter card type — large image or compact summary.
Check the search preview to see roughly how the snippet reads — for a pixel-accurate look at where Google truncates, the SERP snippet preview shows it precisely — then click Copy all and paste the tags inside your page's <head>.

Fields you leave blank are simply omitted, so the output never contains empty placeholder tags.

Writing titles and descriptions that work

The counters in the tool are guidance, not hard limits, but they point at real constraints in how results are displayed:

Titles around 60 characters tend to show in full. Longer titles still work, but search engines may cut them off mid-phrase, so put the important words first.
Descriptions around 160 characters usually display without truncation. Treat the description as ad copy: say what the page offers and why someone should click, rather than stuffing keywords.
Make every page distinct. Duplicate titles and descriptions across pages confuse both users and search engines. Each page deserves its own.
Match intent. The title and description should reflect what the page actually delivers. A mismatch raises bounce rates and erodes trust.

Getting social previews right

Open Graph and Twitter tags decide what a link looks like when someone shares it. A few details make the difference between a flat link and an eye-catching card:

Use an absolute image URL. The og:image value should be a full https:// address, not a relative path, or platforms may fail to load it.
Size the image generously. A wide image — commonly around 1200×630 pixels — looks best with the large card type and avoids awkward cropping.
Keep titles and descriptions human. Social cards are read by people, so favour a clear, inviting line over keyword density.
Set a canonical URL. It both consolidates SEO signals and gives og:url a stable value, so shares always point at the right page.

Tips for clean, reliable markup

Place the tags in <head>, not <body>. Crawlers expect them there; tags elsewhere may be ignored.
Avoid stray quotes. This tool escapes quotes and angle brackets automatically, so pasting text with apostrophes or symbols won't break the attributes.
Don't duplicate tags. If your CMS already outputs a title or description, replace it rather than adding a second one.
Re-check after edits. Whenever you change a page's headline or hero image, regenerate the tags so previews stay current.

Why building tags here is private and safe

Everything runs locally in your browser using ordinary string handling — there is no server round-trip, no logging, and no history kept. Your titles, descriptions, URLs and image links never leave your machine, which makes this a comfortable place to draft tags for unreleased pages or private projects. Build the markup, copy it, and paste it into your site with confidence that the data stayed yours the whole time.

Frequently asked questions

Comet's got your back

Stuck on something? Every tool has a short guide and FAQ — and Comet can point you to the right spot.

Visit help centre

Related tools

All SEO & Web tools →