Meta Tag Generator

Write your title, description and social details once, see how they'll look on Google and in social shares, and copy ready-to-paste HTML or Next.js metadata.

Free, no sign-up. Runs in your browser — nothing you add is uploaded.

Start from an existing page

Paste the HTML source of a page (or just its <head>) to load its current tags. It's parsed in your browser.

Title 0 / 60

Description 0 / 160

Canonical URL

The preferred address of this page. Also used as og:url.

Author (optional)

Theme color (optional)

Tints the browser UI on mobile.

Search engine indexing

Allow indexingFollow linksInclude charset & viewport

Google preview

example.comhttps://example.com

Your page title

Your description appears here. Search engines may rewrite it if it doesn't match the search.

Social sharing

Image URL

1200×630px works well everywhere.

Image alt text

Site name (optional)

Content type

Social title (optional)

Only if it should differ from the search title.

Social description (optional)

X card

X site handle (optional)

X creator handle (optional)

Locale (optional)

Social card preview

No image

example.comYour page titleYour description

Suggestions

Add a title — it's the headline of your search result and browser tab.
Add a description — search engines often use it as the snippet under your title.
Add a social image — without one, most platforms show a plain text link.

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

The meta tags that actually matter

<title>: The headline of your search result and the text in the browser tab. Make it specific to the page.
meta description: Often shown as the snippet under your title. It doesn't affect ranking directly, but a clear one earns more clicks.
link rel="canonical": Tells search engines which URL is the main one when the same content is reachable at several addresses.
og:title, og:description, og:image: Open Graph tags control the card shown when your link is shared on LinkedIn, Facebook, Slack, Discord, iMessage and more.
twitter:card: Tells X whether to show a large or small image. X reads the Open Graph tags for everything else.

You won't find a keywords field here: Google has ignored meta keywords for years.

How to use the generated tags

Plain HTML: paste the HTML output inside the <head> of the page.
Next.js App Router: switch to “Next.js metadata” and paste the exports into the page's page.js or layout.js.
After deploying, social platforms cache previews. Use their debugging tools to refresh them.

The previews are close approximations. Google may rewrite titles and descriptions, and each platform crops images slightly differently.

Private by design

The tags, previews and imported HTML are all processed in your browser. Nothing you type is sent to a server. The only outside request is the social preview loading the image URL you enter.