5 new job openings added this week
TB
TechBelievers

SEO Meta Tag Generator

Developer Tools Runs in your browser

Create SEO meta tags for your website. Generate title, description, keywords, canonical URL, and more.

Meta Tag Generator tool

Meta Tag Information

50-60 characters recommended for SEO

0/160 characters (recommended)

0 tags • Ready to paste in <head> section

Search Engine Preview

Your page title will appear here
https://example.com
Your meta description will appear here...

SEO Best Practices

Title Tag

Keep between 50-60 characters. Include primary keyword near the beginning.

Description

Write compelling 150-160 character descriptions that encourage clicks.

Canonical URL

Prevent duplicate content issues by specifying the canonical version.

About Meta Tag Generator

Fill in your page title, description and the handful of settings that matter, and get a clean block of head markup you can paste straight into your HTML. A Google-style preview shows roughly how the title, URL and description will read in results, and a character counter keeps the description near the length that survives truncation.

What this tool does

  • Generates title, description and keywords tags
  • Robots directive with the five combinations you actually need
  • Canonical link tag
  • Charset, viewport, language, author and theme-colour tags
  • Live search-result preview as you type
  • Character counter on the description
  • Copy the markup or download it as an HTML file

Runs in your browser. This tool runs entirely in your browser using JavaScript. Nothing you enter or open here is uploaded to our servers.

How to use Meta Tag Generator

  1. Write the title and description

    These are the two required fields and the two that do the work. Write them for the person deciding whether to click, not for a keyword tool.

  2. Set the canonical URL

    Enter the single address this page should be known by. This is what prevents parameterised or duplicated versions of the page competing with each other.

  3. Choose the robots directive

    Leave it on Index, Follow for any page you want in search results. The noindex options are for thank-you pages, internal search results and other pages that should stay out.

  4. Fill in the rest

    Charset, viewport, language, author and theme colour all have sensible defaults. Responsive viewport and UTF-8 are the right answers for almost every modern page.

  5. Copy into your <head>

    Generate, then copy or download. Paste the block inside <head>, ideally near the top — charset in particular should come early.

Meta Tag Generator examples

Real input and the output this tool produces for it.

Example inputs and the results Meta Tag Generator returns
Example Input Result
Title tag Blue Running Shoes | Northfield Sports <title>Blue Running Shoes | Northfield Sports</title>
Canonical https://example.com/shoes/blue <link rel="canonical" href="https://example.com/shoes/blue">
Keep a page out of search Robots: No Index, Follow <meta name="robots" content="noindex, follow">
Responsive viewport Viewport: Responsive <meta name="viewport" content="width=device-width, initial-scale=1.0">

What each meta tag actually does

The tags that matter, and the ones that do not

Not every meta tag carries weight. It is worth knowing which is which before you spend time on them.

What each generated tag is for
Tag What it does Weight
<title> Names the page. Usually becomes the clickable headline in search results. High
description Suggests the snippet under the result. Not a ranking factor, but it drives clicks. High for CTR
rel="canonical" Declares the one address this page should be indexed under. High
robots Tells search engines whether to index the page and follow its links. High
viewport Makes the page render at device width. Without it a mobile browser zooms out. High
charset Declares the character encoding. UTF-8 unless you have a reason otherwise. Required
theme-color Tints browser UI on mobile. Cosmetic. Low
author, language Descriptive metadata. Google does not use them for ranking. Low
keywords Google has ignored it since 2009. Included for completeness only. None

Writing a title that earns the click

Google may rewrite your title if it thinks something on the page describes the result better, so the aim is to give it something clearly better than the alternatives rather than to game a length.

Put the distinguishing words first — the part that answers what this page is — and the brand last. Around 50 to 60 characters usually survives intact on desktop, but the real limit is pixel width, so a title full of capitals and wide letters gets cut sooner.

Every page needs its own title. Duplicated titles across a site are one of the most common and most fixable on-page problems.

Meta descriptions: what they do and do not do

A meta description is not a ranking factor. It is ad copy for a listing you do not pay for: its whole job is to make the right person click and the wrong person not.

Google frequently replaces it with text pulled from the page when that text better matches the query — which is normal, and not a failure. Write a description that suits the most common intent and let Google substitute for the long tail.

Around 150 to 160 characters is the practical ceiling on desktop. Say what the page gives the reader and be specific: "Compare 14 running shoes under £100 with our test data" beats "We offer a wide range of quality footwear."

Canonicals and robots — the two you can get badly wrong

These two tags change whether your page appears at all, so they deserve more care than the cosmetic ones.

  • Every indexable page should carry a self-referencing canonical pointing at its own clean URL. That is what stops ?utm_source=… and other parameterised variants being treated as separate pages.
  • A canonical is a hint, not an instruction. Google can ignore it if the signals disagree — for example if your internal links all point somewhere else.
  • Never combine noindex with a canonical pointing elsewhere. The two contradict each other and the outcome is unpredictable.
  • noindex, follow is the useful pairing when a page should stay out of results but still pass value through its links.
  • A noindex tag only works if the page can be crawled. Blocking the URL in robots.txt as well means the tag is never read, and the page can still be indexed from external links.

What this tool does not generate

This generator produces the search-engine tags. It does not produce Open Graph or Twitter Card tags, which is what Facebook, LinkedIn, WhatsApp, Slack and X read when someone shares your link — those are a separate set with their own rules, and the Open Graph generator builds them, complete with a social preview.

Most pages want both blocks in the head. Neither substitutes for the other.

When people use this tool

Setting up a new page

Generate the full head block once rather than assembling it from memory each time.

Fixing missing or duplicate tags

Give pages flagged in an audit their own unique title and description.

Keeping a page out of search

Produce the correct noindex directive for a thank-you page or an internal listing.

Adding canonicals to a parameterised site

Generate the self-referencing canonical that stops filter URLs competing with each other.

Handing markup to a developer

Download the block so it can be dropped in without a spec being misread.

Teaching the basics

The preview makes the relationship between the tags and the search listing obvious.

More about Meta Tag Generator

Generate comprehensive SEO meta tags for your website pages. Create title tags (50-60 characters recommended), meta descriptions (150-160 characters), keywords, canonical URLs, author tags, language settings, viewport configurations, robots directives, and theme colors. Real-time character counter for descriptions. Search engine preview showing how your page will appear in Google search results. Multiple viewport options: responsive (recommended), desktop only, mobile only, or custom. Robots meta tag options: index/follow, noindex/nofollow, and archive control. Theme color picker with hex code input. Supports multiple languages and character sets (UTF-8, ISO-8859-1, UTF-16). Copy generated HTML code or download as HTML file. Includes SEO best practices tips: keep titles 50-60 characters with primary keyword near beginning, write compelling 150-160 character descriptions, use canonical URLs to prevent duplicate content. Perfect for SEO optimization, website development, and improving search engine visibility.

Meta Tag Generator — frequently asked questions

Related tools

All Developer Tools

Share This Tool

Help others discover this tool by sharing it on social media

Facebook Twitter LinkedIn WhatsApp

Embed Meta Tag Generator on your site

Paste this iframe into your own page to give your readers the working tool without sending them away. The embed carries a "Powered by TechBelievers" link and needs no API key.

Embed code 
<iframe src="https://techbelievers.com/tools/meta-tag-generator/embed?theme=light" width="100%" height="600px" title="Meta Tag Generator by TechBelievers" style="border:1px solid #e2e8f0;border-radius:0.5rem"></iframe>

Report a problem or suggest an improvement

Only used to reply to you about this report.

Join Whatsapp