What Is a Meta Tag? HTML Examples & SEO Basics

What is a meta tag in HTML?

A meta tag is an HTML element that provides information about a webpage to browsers, search engines, or other services. It usually belongs inside the page's <head>, not in the visible article. A description tag summarizes the page; a robots tag can control whether search engines index it. Different tags have different jobs. Google's supported meta tags explain which ones Google recognizes.

People often call all SEO metadata “meta tags.” Technically, <title> is a separate HTML element, and a canonical URL uses a <link> element. Neither is a <meta> tag. They still belong in the same publishing checklist.

Need the markup first? Use the free meta tag generator, then follow the checks below before adding its output to your site.

A simple meta tag example

This example describes a fictional JSON formatter. Replace its text with what your own page actually provides.

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

  <!-- The page title is a separate element, not a meta tag. -->
  <title>Free JSON Formatter and Validator | Example Tools</title>

  <!-- A proposed summary for search snippets. -->
  <meta
    name="description"
    content="Format messy JSON, check syntax errors, and copy readable output in your browser. Free to use, with no account required."
  >
</head>

The charset declares the document's encoding. The viewport setting helps browsers display the page on narrow screens. Neither replaces a useful title, description, or page body.

This example deliberately omits a keywords tag. It also omits index, follow: those are Google's defaults, so adding them is not required. They do not guarantee indexing or cancel a conflicting noindex directive.

How to optimize titles and descriptions

Give the title one clear job

Name the page's main task or answer. Put important information before a long brand suffix. Avoid repeating variations of the same keyword.

For example, “Free JSON Formatter and Validator” describes a working tool. “JSON, JSON Online, Best JSON Tools” does not explain its capabilities. Use “free” or “no account” only when those claims are true.

Keep the title consistent with the visible heading and content. Google can use multiple sources to generate its title link, and there is no fixed character limit that guarantees full display. Google's title-link guidance favors concise, descriptive wording.

Our title tag length checker counts characters. Use it to spot unnecessarily long drafts, not as a pixel measurement or a prediction of Google's exact cutoff.

Describe the benefit without making a false promise

Write a page-specific summary: what can the visitor do or learn, and what useful detail distinguishes this page?

For the example above, “check syntax errors” is more informative than “discover our amazing solution.” Do not promise live website scanning when the tool only accepts pasted text.

Google may use your description, but it primarily generates snippets from page content and can show different text for different searches. Descriptions also have no fixed display-length guarantee. Google's snippet guidance explains these limits.

Use the meta description length checker for character-count guidance. The SERP preview provides an approximate desktop-style layout, not a live Google result or a rank check.

Do meta keywords help Google rankings?

No. Google ignores <meta name="keywords"> for indexing and ranking. Adding a list of target phrases here does not make a page rank for them. Google also distinguishes the description's snippet role from ranking: the meta description itself is not a ranking signal. Google's explanation of keywords and descriptions

How many keywords should you put in a meta tag?

For Google SEO, none are needed in the keywords tag. This does not mean you should remove relevant words from your title, description, or article. Use the language your audience uses, naturally and where it helps explain the page.

NitroSERP's generator includes an optional keywords field for other workflows. Leave it empty if your goal is Google Search optimization.

Where to add meta tags and how to check them

1. Choose one place to manage metadata. In a CMS, this is usually the page's SEO settings. In a coded site, use its page metadata configuration or HTML template.
2. Replace existing values. Do not paste a second title and description below tags already produced by a theme or SEO plugin. Change the source that owns them.
3. Publish to the intended URL. Open that page and inspect its HTML <head>. Check the actual rendered values, not only your editor's fields. A code block in the article body does not configure the page's metadata.
4. Check indexing controls. An unintended noindex is a separate problem from weak copy. Google can also receive indexing rules through an X-Robots-Tag HTTP response header; inspect that if the HTML does not explain an exclusion.
5. Use Search Console for Google's view. Inspect the URL and review the tested page's HTML. A successful live test does not promise indexing, a specific snippet, or a ranking position.

Google's URL Inspection documentation explains how to review the tested page and distinguish a live test from Google's indexed version.

For social sharing, add suitable Open Graph metadata with the Open Graph tag generator. For a preferred page URL, use the separate canonical URL generator. The main meta tag generator does not produce a canonical link.

After publishing: measure clicks, not a “meta score”

Record the changed URL and deployment date. After Google recrawls the page, compare that page's queries, impressions, clicks, click-through rate, and average position in Search Console. Keep country and device filters consistent.

A higher click-through rate at similar positions is a useful signal that the search presentation may be helping. It is not proof that metadata alone caused the change. Rankings, demand, and competing results can also change. Sparse click data needs a longer comparison period.

The next step is practical: generate accurate markup, verify the published HTML, and check whether visitors receive what the search result promised. If you want help drafting alternatives, the separate guide to writing meta tags with AI covers that workflow.