Calwarden

SEO Meta Tag Generator

Generate standard HTML meta tags for SEO.

Save

Calculator

Inputs

Browser tab title and search-result headline.

Short search snippet, ideally under 160 characters.

Live output

Results

HTML Code
<title>My Awesome Website</title>
<meta name="description" content="The best website for learning things.">
<meta name="keywords" content="learning, education, web">
<meta name="author" content="John Doe">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

Report

Export and share

Document

Copy and share

Assumptions

  • The generator focuses on core HTML meta tags and does not include full Open Graph, Twitter Card, canonical, or robots coverage.
  • Entered values are inserted directly into the output, so you should still review wording, escaping, and page-specific relevance before publishing.
  • Meta keywords are included for completeness even though major search engines place little or no weight on them.

Sensitivity preview

No numeric sensitivity scenarios are available.

Related Tools

View All
URL Encoder
Encode or decode URL components and query values.
JSON Formatter
Prettify or Minify JSON data.
Base64 Converter
Encode text to Base64 or decode Base64 strings.
PX to REM
Convert pixels to REM units based on root font size.
Box Shadow Gen
Generate CSS box-shadow code visually.

About this Meta Tag Gen

Meta tags provide search engines with essential information about your webpage. Properly configured title and description tags are critical for ranking well in search results (SEO) and improving click-through rates.

Who this calculator is for

  • Site owners, marketers, and frontend developers preparing search-friendly HTML head tags.
  • Teams launching landing pages or microsites that need a clean SEO baseline fast.
  • Anyone learning what core metadata belongs in a basic HTML document.

When to use it

  • Draft a starter `<head>` block for a new page before handing it to engineering or a CMS editor.
  • Create a quick metadata snippet for prototypes, campaign pages, or static sites.
  • Sanity-check title and description length guidance while writing search snippets.

How to use this calculator

  1. Enter the Page Title (appears in browser tab and search result headline).
  2. Enter the Description (summary under the headline).
  3. Enter Keywords and Author (optional).
  4. Copy the generated HTML code into the `<head>` section of your site.

Key assumptions

  • The generator focuses on core HTML meta tags and does not include full Open Graph, Twitter Card, canonical, or robots coverage.
  • Entered values are inserted directly into the output, so you should still review wording, escaping, and page-specific relevance before publishing.
  • Meta keywords are included for completeness even though major search engines place little or no weight on them.

Accuracy and testing

Review formula sources, default test cases, assumptions, unit handling, rounding rules, and changelog for this calculator.

View accuracy page

Key Features

  • Standard SEO Tags
  • Viewport Tag included
  • Instant HTML output

Tips & Best Practices

  • Keep titles under 60 characters to avoid truncation in Google.
  • Keep descriptions under 160 characters.
  • Meta keywords are largely ignored by Google today, but can be used for internal site search engines.

Frequently Asked Questions

Are meta keywords still important?
Most search engines (like Google) ignore the 'keywords' meta tag due to past abuse. However, 'title' and 'description' are critically important for click-through rates.
What is the viewport tag for?
The viewport meta tag controls how your site is displayed on mobile devices. Without it, mobile browsers might render the desktop version of your site scaled down.
How long should my meta description be?
For optimal display in search results, keep your meta description between 150 and 160 characters. Anything longer is usually truncated.
What are Open Graph (OG) tags?
Open Graph tags control how your content appears when shared on social media sites like Facebook, LinkedIn, and Twitter (e.g., controlling the image and title card).
Why is the Title tag critical?
The Title tag determines the clickable headline in search results and the text in the browser tab. It is one of the strongest on-page SEO signals.