Meta Tag Generator

About the Meta Tag Generator

The Meta Tag Generator writes the tags that go in the <head> of a web page: the title, the meta description, the robots and canonical tags, and the basic charset and viewport lines. Fill in the fields and copy the finished HTML, or download it as a file.

While you type, a preview shows roughly how the page could appear in Google's results on a desktop or a phone, and a short checklist flags common problems, such as a title that is likely to be cut off or a canonical URL that is not a full address. You can also add the basic Open Graph and X tags so the page looks right when someone shares it.

Good tags help search engines understand a page and help people decide to click. They do not guarantee a ranking, and Google may show a different title or description than the one you wrote. The tool follows Google Search Central's documentation and runs entirely in your browser.

How to use it

1. Write the titleDescribe the page in a few words and add your brand at the end if you like. The counter shows the length as you type.
2. Write the descriptionSummarize what the page offers in a sentence or two. Write it for people, not for keywords.
3. Add the canonical URLEnter the full, preferred address of the page, starting with https://.
4. Choose robots and extrasPick whether search engines may show the page and follow its links, and keep or drop the charset, viewport and social tags.
5. Check the preview and copyLook at the desktop and mobile previews, read the checklist, then copy the HTML or download it as meta-tags.html.

Key features

Examples

A product page

With the sample title "Handmade Ceramic Mugs | Clay & Co", the sample description and the canonical https://example.com/mugs, the tool writes:

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Handmade Ceramic Mugs | Clay &amp; Co</title>
<meta name="description" content="Shop handmade ceramic mugs, glazed in
  small batches in our Portland studio. Free US shipping on orders over $40.">
<meta name="robots" content="index, follow, max-image-preview:large">
<link rel="canonical" href="https://example.com/mugs">

(The description is one line in the real output.) The title is 33 characters and the description 112, so both fit the preview. The ampersand is written as &, which is the correct way to put it in HTML. With "Allow large image previews" turned off, the robots line disappears, because index, follow is what search engines assume anyway.

A title that gets cut

Try "Handmade Ceramic Mugs, Cups and Saucers Glazed in Small Batches in Portland | Clay & Co" (87 characters). The preview shortens it to:

The brand at the end is lost on both. Put the words that matter most first, and keep the brand short or drop it on long titles.

A description that runs long

A 205-character description gets a "may be cut off" warning. The desktop preview ends at "…dishwasher safe. Fre…", and the mobile one at "…Every mug is food saf…". Google says there is no length limit on meta descriptions; it simply truncates the snippet to fit the screen.

Hiding a page from search

Choose "Hide from results (noindex)" and the robots tag becomes:

<meta name="robots" content="noindex, follow">

The page stays reachable, and its links are still followed, but search engines are asked not to show it. Use this for thank-you pages, internal search results and other pages that are not useful as a search result.

Tips

• Give every page its own title and description. Google's guidance specifically warns against the same or nearly identical text across many pages.
• Lead with what the page is about, then the brand: "Handmade Ceramic Mugs | Clay & Co" works better than the other way around.
• Treat 60 characters for titles and 160 for descriptions as display guides, not rules. Google measures by pixel width and screen size, and a longer tag is not an error.
• Use a full https:// address in the canonical tag, the same one you link to and list in your sitemap.
• For the share card on social apps, the Open Graph Generator has more options, such as image size, alt text and article details.

Common mistakes and limits

• Expecting Google to show your exact titleGoogle builds the title link from several sources, including the title tag, the main heading and og:title. It may use something else if the title is empty, outdated, repetitive or does not match the page.
• Expecting Google to always use your descriptionGoogle writes most snippets from the page text that best fits each search, and uses the meta description only when it describes the page better. A clear, specific description still has the best chance.
• Adding a keywords tagGoogle Search does not use the keywords meta tag, so the tool leaves it out. Put the words people search for in the title, headings and text instead.
• Blocking a noindex page in robots.txtIf robots.txt stops crawlers from fetching the page, they never see the noindex tag, and the URL can still show up in results. Let the page be crawled so the tag can work.
• Treating canonical as a commandGoogle treats rel=canonical as a strong hint, not an order. It can pick a different main URL when other signals, like redirects, internal links or the sitemap, point elsewhere.

Frequently asked questions