Which meta tags actually matter for SEO?

The title tag matters most, because it is a ranking signal and the headline people click in search results. The meta description doesn't affect rankings directly, but a good one gets more clicks. The robots meta tag and the canonical link control whether and how a page is indexed. The meta keywords tag is ignored by Google, so this tool doesn't add it.

How long should a title tag and meta description be?

Google cuts titles by pixel width, at roughly 600 px on desktop, which is usually 50 to 60 characters. Descriptions get about 920 px, around 150 to 160 characters. The meters measure your text with the same font Google uses (Arial), so wide letters like W and M are counted properly.

What is a canonical URL?

It tells search engines which address is the main version of a page when the same content is reachable at several URLs, for example with tracking parameters or with and without www. Use the full absolute URL, including https://.

What do max-snippet and max-image-preview do?

They limit how much of your page Google may show. max-snippet sets the maximum text snippet length in characters (-1 means no limit, 0 means no snippet). max-image-preview sets the largest image preview: none, standard or large. Large lets Google show big images, for example in Discover.

Do I need Open Graph and X (Twitter) tags?

Yes, if your pages are ever shared. Facebook, LinkedIn, WhatsApp, Slack and many others read Open Graph tags to build the link preview. X reads its own twitter: tags and falls back to Open Graph for the title, description and image, so this tool only adds twitter: versions when they differ.

Where do these tags go in Next.js?

In the pages router, put them inside the component from next/head on each page; the generated keys stop duplicates when a layout sets the same tags. In the App Router, export a metadata object (and a viewport object for theme colour and viewport) from page.js or layout.js. Next.js adds the charset tag for you in both.

Why does Import from URL fail on some sites?

The page is fetched through our server, so sites that block automated requests, need a login or build their tags with JavaScript after the page loads may return nothing useful. In that case, copy the values in by hand.

Meta Tag Generator

Create the full set of meta tags for any page: title, description, canonical, robots, hreflang, Open Graph and X cards. Pixel meters show what Google will display, and you get ready-to-paste HTML or Next.js code.

100% free
No sign-up
Runs in your browser

Import from a live page (optional)

Reads the current tags from any public page so you can edit them.

Basic tags

Title

0 / 600 px, 0 characters

Meta description

0 / 920 px, 0 characters

Canonical URL

Author (optional)

Robots

max-snippet

-1 = no limit, 0 = no snippet, blank = not set.

max-image-preview

noarchive (no cached copy)

Technical

Charset

Language

Used for <html lang> and og:locale, e.g. en, en-US, hi-IN.

Viewport

Theme colour (optional)

Favicon path

Apple touch icon path

Open Graph

Empty fields copy the basic tags.

og:type

og:title

og:description

og:url

og:image

Absolute URL. 1200 x 630 px suits every network.

og:image:alt (optional)

og:site_name

X (Twitter) card

Card type

Site handle

Creator handle

Title override

Description override

Image override

hreflang alternates

For pages translated or targeted at other regions. Include this page itself and an x-default.

Checks

FixAdd a title. It is the clickable headline in search results.
CheckAdd a meta description. Without one, Google picks a snippet from the page text.
TipNo canonical URL. Adding one tells search engines which address is the main version of this page.
TipNo share image. Links shared on social media will show without a picture. 1200 x 630 px works everywhere.

<!-- Put the language on the html element: <html lang="en"> -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large">
<link rel="icon" href="/favicon.ico">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<meta property="og:type" content="website">
<meta property="og:locale" content="en">
<meta name="twitter:card" content="summary">

What the tags in your head do

Meta tags sit in the head of a page and describe it to browsers, search engines and social networks. Visitors never see most of them, but they decide your headline in Google, whether the page is indexed at all, and what appears when someone shares your link.

The title tag and meta description become the headline and snippet in search results.
The canonical link names the main URL when the same content lives at several addresses.
The robots tag controls indexing, link following, caching and how big a snippet or image Google may show.
hreflang links point search engines to the right language or regional version of a page.
Open Graph and twitter: tags build the preview card on Facebook, LinkedIn, WhatsApp, Slack and X.

Why the meters use pixels

Google truncates titles and descriptions by width, not by character count. A title full of narrow letters fits more characters than one with capitals and wide letters. The meters measure your text in Arial, the font Google uses, against roughly 600 px for titles and 920 px for descriptions on desktop.

Good habits

Write a unique title and description for every page, with the main topic near the start.
Use absolute URLs for the canonical, og:url and og:image.
Only use noindex on pages you really want out of search, such as thank-you or internal pages.
Skip the meta keywords tag. Google has ignored it for years.

How it works

How to use it

Step 1
Fill in the basics
Write the page title and meta description while the pixel meters show how much Google will display, then add the canonical URL. Or import the tags from a live page.
Step 2
Set robots and social tags
Choose index or noindex, add hreflang alternates if you have other languages, and adjust the Open Graph and X card fields. They copy your title and description unless you change them.
Step 3
Copy the code
Fix any warnings, check the Google preview, then copy the HTML snippet, the Next.js <Head> code or the App Router metadata export into your site.

FAQs

Frequently asked questions

Answers to common questions about the Meta Tag Generator.

: The title tag matters most, because it is a ranking signal and the headline people click in search results. The meta description doesn't affect rankings directly, but a good one gets more clicks. The robots meta tag and the canonical link control whether and how a page is indexed. The meta keywords tag is ignored by Google, so this tool doesn't add it.
: Google cuts titles by pixel width, at roughly 600 px on desktop, which is usually 50 to 60 characters. Descriptions get about 920 px, around 150 to 160 characters. The meters measure your text with the same font Google uses (Arial), so wide letters like W and M are counted properly.
: It tells search engines which address is the main version of a page when the same content is reachable at several URLs, for example with tracking parameters or with and without www. Use the full absolute URL, including https://.
: They limit how much of your page Google may show. max-snippet sets the maximum text snippet length in characters (-1 means no limit, 0 means no snippet). max-image-preview sets the largest image preview: none, standard or large. Large lets Google show big images, for example in Discover.
: Yes, if your pages are ever shared. Facebook, LinkedIn, WhatsApp, Slack and many others read Open Graph tags to build the link preview. X reads its own twitter: tags and falls back to Open Graph for the title, description and image, so this tool only adds twitter: versions when they differ.
: In the pages router, put them inside the <Head> component from next/head on each page; the generated keys stop duplicates when a layout sets the same tags. In the App Router, export a metadata object (and a viewport object for theme colour and viewport) from page.js or layout.js. Next.js adds the charset tag for you in both.
: The page is fetched through our server, so sites that block automated requests, need a login or build their tags with JavaScript after the page loads may return nothing useful. In that case, copy the values in by hand.

More free tools

Try another tool

View all free tools →

Turn search visitors into conversations

Good meta tags bring people to your page. Hypello keeps the conversation going on Instagram, with instant replies to comments and DMs and AI agents that collect leads while you sleep.

Get Started For Free View Pricing →