Meta Tag Generator

Generate SEO-optimized HTML meta tags for any web page. Create properly formatted title tags, meta descriptions, canonical URLs, robots directives, and viewport settings in seconds — ready to paste into your HTML.

Recommended: 50–60 characters. 0/70
Recommended: 150–160 characters. 0/160
Do not include www. or trailing slash
HTML Meta Tags

      

What Are Meta Tags and Why Do They Matter for SEO?

Meta tags are snippets of HTML code in the <head> section of a web page that provide metadata about that page to search engines and browsers. While they are invisible to visitors, meta tags play a critical role in how Google, Bing, and other search engines understand, index, and display your content in search results.

Properly optimized meta tags can directly improve your click-through rate (CTR) from search results — which is one of the strongest indirect ranking signals. A page ranking #5 with a compelling title and description can get more clicks than a page ranking #3 with a generic one.

Complete Guide to Each Meta Tag

Title Tag

The title tag is the single most important on-page SEO element. It appears as the clickable blue headline in Google search results and in the browser tab. Google uses the title tag heavily to understand the topic of a page and determine relevance to search queries.

Best practices for title tags:

  • Keep titles between 50–60 characters (Google truncates at ~60 characters in search results).
  • Place your primary keyword near the beginning of the title for both SEO and user scannability.
  • Include your brand name at the end, separated by a pipe or dash (e.g. "Page Title | Brand").
  • Make each title unique across your entire website — duplicate titles confuse search engines.
  • Write for humans first — the title must be compelling enough to earn a click.

Example: <title>Free Meta Tag Generator - Create SEO Tags Instantly | CostZap</title>

Meta Description

The meta description appears below the title in search results. While Google has confirmed it is not a direct ranking factor, it significantly impacts CTR — which indirectly affects rankings. Think of it as your free advertising copy in Google's search results.

Best practices for meta descriptions:

  • Keep descriptions between 150–160 characters (Google truncates longer ones).
  • Include your target keyword — Google bolds matching terms in the description, increasing visual prominence.
  • Write a clear value proposition — tell users exactly what they'll get if they click.
  • Use action-oriented language — words like "learn," "discover," "calculate," "get" encourage clicks.
  • Make each description unique per page. Google may ignore duplicated descriptions entirely.

Canonical URL Tag

The canonical tag (<link rel="canonical">) tells search engines which version of a URL is the "official" one. This is critical for preventing duplicate content issues where the same content is accessible at multiple URLs (e.g., with/without www, with/without trailing slash, HTTP vs HTTPS).

Canonical URL rules:

  • Always use the non-www, HTTPS, no-trailing-slash version as canonical.
  • Self-referencing canonicals (pointing to the page's own URL) are a best practice for every page.
  • Use canonicals to consolidate link equity from duplicate or very similar pages.
  • Canonical tags are a hint, not a directive — Google may override them if it detects inconsistencies.

Robots Meta Tag

The robots meta tag tells search engines whether to index a page and whether to follow the links on it. The four common directives are:

  • index, follow — Default. Index this page and follow all links. (You don't need to add this explicitly.)
  • noindex, follow — Don't show this page in search results, but follow links to other pages. Good for tag/archive pages.
  • index, nofollow — Index the page but don't follow any links on it. Rarely used.
  • noindex, nofollow — Don't index and don't follow links. Use for truly private pages.

Viewport Meta Tag

The viewport tag is essential for mobile-responsive design. It tells browsers how to scale the page on different screen sizes. Without it, mobile devices will render your page at desktop width and shrink it down, creating a terrible mobile experience.

The standard viewport tag: <meta name="viewport" content="width=device-width, initial-scale=1.0">

Keywords Meta Tag

Google has officially stated it does not use the meta keywords tag as a ranking signal (since 2009). However, some smaller search engines (like Yandex) may still consider it. Including keywords won't hurt your SEO, but don't expect it to help your Google rankings either.

Common Meta Tag Mistakes to Avoid

  • Duplicate titles and descriptions — Every page on your site must have unique meta tags. Duplicates confuse search engines and dilute your keyword targeting.
  • Keyword stuffing in titles — Cramming multiple keywords makes titles unreadable and can trigger spam filters. One primary keyword per title is enough.
  • Misleading descriptions — If your meta description promises something the page doesn't deliver, visitors will bounce immediately — hurting your rankings.
  • Missing canonical tags — Without canonicals, search engines may choose the "wrong" version of your URL, splitting your ranking signals across duplicates.
  • Ignoring mobile viewport — Google uses mobile-first indexing. Without a viewport tag, your mobile UX suffers and rankings can drop.

How to Add Meta Tags to Your Website

Meta tags go in the <head> section of your HTML document, before the closing </head> tag. If you use a CMS:

  • WordPress — Use plugins like Yoast SEO or Rank Math to set title and description per page.
  • Shopify — Edit title and description in the page/product settings under "Search engine listing preview."
  • Custom HTML — Paste the generated code directly into your <head> section.
  • React/Next.js — Use the <Head> component or generateMetadata() function.

Related SEO Tools

Open Graph Tag Generator — Generate social sharing tags | Robots.txt Generator — Control crawler access | Keyword Density Checker — Check keyword usage

Frequently Asked Questions

What meta tags are most important for SEO in 2026?

The most important meta tags are: (1) Title tag — the single biggest on-page SEO factor, (2) Meta description — affects click-through rate from search results, (3) Canonical URL — prevents duplicate content issues, and (4) Viewport tag — required for mobile-first indexing. Focus on getting these four right before worrying about anything else.

What is the ideal meta description length?

The ideal meta description is 150–160 characters. Google truncates descriptions longer than approximately 155–160 characters on desktop and 120 characters on mobile. Write your most important information within the first 120 characters to ensure visibility on all devices.

Does the meta keywords tag help SEO?

No. Google has officially stated that it has ignored the meta keywords tag since 2009. Bing has also confirmed it does not use it for rankings. Some smaller search engines like Yandex may still reference it, but for Google SEO purposes, it has zero impact.

How many meta tags should a page have?

Every page should have at minimum: a title tag, a meta description, a canonical URL, a viewport tag, and a charset declaration. You can optionally add robots directives, Open Graph tags for social sharing, and structured data (JSON-LD). There is no maximum, but keep them relevant.

Can meta tags hurt my SEO?

Yes, if used incorrectly. A noindex robots tag will remove your page from Google entirely. Incorrect canonicals can point Google to the wrong URL. Keyword-stuffed titles can trigger spam filters. Always review your meta tags carefully before publishing.

How often should I update my meta tags?

Update meta tags when: you update the page content significantly, your click-through rate in Google Search Console is below average for your ranking position, or you're re-targeting a page for different keywords. Otherwise, well-written meta tags don't need frequent changes.