The Meta Tags Every Page Actually Needs

Meta tags live in the head of your document and describe the page to browsers, search engines, and anything else that reads it. Most of the tags people copy into templates do nothing at all, while a small handful genuinely matter. This generator produces the ones that have an effect and skips the folklore.

The tags that do something

charset declares the character encoding and should be UTF-8, placed as early in the head as possible so the parser does not have to restart.
viewport controls layout on mobile. Without it, phones render your page at desktop width and zoom out.
title is the single most important on-page signal and the clickable line in search results.
description does not affect ranking directly, but it frequently becomes the snippet under your result, so it drives whether anyone clicks.
robots controls indexing behaviour, for example noindex to keep a page out of search results.
canonical, technically a link rather than a meta tag, tells search engines which URL is authoritative when the same content is reachable several ways.

Lengths that survive truncation

Search engines render results in pixels rather than characters, so there is no hard limit, but useful working targets are roughly 50 to 60 characters for a title and about 150 to 160 for a description. Beyond that your text is likely to be cut off. Front-load the meaningful words so the sentence still reads correctly if the tail is trimmed, and give every page a distinct title and description, since duplicates across a site are a common and easily fixed problem.

The tags to skip

The keywords meta tag has been ignored by major search engines for well over a decade and adds nothing. Author, revisit-after, rating, and distribution tags similarly have no effect on how search engines treat a page. Removing them costs nothing and makes the head easier to read.

How to use it

Enter your page title and description, watching the length indicators.
Set the canonical URL to the version of the page you want indexed.
Copy the generated block into your document head, keeping charset first.
View source on the live page to confirm the tags render where you expect.

Frequently asked questions

Does the description affect ranking? Not directly, but it strongly affects click-through, which is what you actually want.

Will Google use my exact description? Often, though it may rewrite the snippet to match a specific query.

Do I need a canonical on every page? A self-referencing canonical is a safe default and prevents duplicate-URL problems.

What meta tags do

Meta tags live in the head of your page and describe it to browsers, search engines, and social platforms. They do not change what a visitor sees on the page itself; they shape how the page is indexed, how it appears in a search result, and how the browser renders it. The generator above assembles the common ones into a single block you can paste straight into your head.

The tags that matter most

The title element is the single most important piece of on-page metadata, and the meta description is the short summary a search engine may show beneath it. Aim for a description of roughly 150 to 160 characters so it is not truncated. The charset declaration should be utf-8 and should come first in the head, and the viewport tag is what makes a page render correctly on phones.

Canonical and robots

A canonical link tells search engines which URL is the primary version of a page when the same content is reachable at more than one address, which avoids splitting ranking signals. The robots meta tag lets you control indexing at the page level, for example noindex to keep a page out of results. Set these deliberately, because a stray noindex can quietly remove a page from search.

Source: MDN Web Docs: the meta element

Meta Tag Generator