SEO Meta Tag Preview and Generator

Draft a title and meta description, review length guidance and copy HTML tags.

Short answer: The two HTML tags that most shape how a page appears in Google are the title element, <title>…</title>, and the meta description, <meta name="description" content="…">. Type both into this tool, check the character counts and the live search-style preview, then copy the ready-escaped tags into your page's <head>. Google may still rewrite either one if it thinks other text on the page describes it better.

0 characters
0 characters
Page title preview

Meta description preview

How to use the meta tag generator

  1. Page title: type the title. The counter below shows its length in characters.
  2. Meta description: write a one- or two-sentence summary of the page. It has its own counter.
  3. Read the preview box: the bold line is your title, the paragraph your description. Check it still makes sense when the end is cut off.
  4. Click Copy tags. The output already converts &, <, > (and double quotes in the description) into HTML entities, so the code will not break your page.
  5. Paste both lines into the <head>, replacing any existing title and description, or paste the text into the SEO title and description fields of WordPress, Shopify or Webflow.

Worked example: what the output means

Suppose a chartered-accountant firm in Noida wants a page for GST services. In the tool it types the title GST Registration & Return Filing in Noida – From ₹1,499/month and a description mentioning a "free GST health check". The tool outputs:

<title>GST Registration &amp; Return Filing in Noida – From ₹1,499/month</title>
<meta name="description" content="CA-led GST registration and monthly return filing for Noida and Greater Noida businesses, from ₹1,499/month. Book a &quot;free GST health check&quot; today.">
  • <title> becomes the clickable headline in search and the browser tab label. It names the service, the place and the price, which is what someone searching "GST filing Noida" is comparing.
  • &amp; is how a literal "&" is written in HTML. The tool escapes it for you.
  • name="description" marks the text as the page summary. Google uses it for the snippet when it describes the page more accurately than on-page text.
  • &quot; replaces the quote marks in the description. Without it, the first " would end the content attribute and cut the description short.

The tool counts this title at 61 characters and the description at 146, so the end of the title may be trimmed on narrow phones. The price and location sit early in the title, so they survive truncation.

Title and description length: what Google actually says

Google's title link documentation says there is no limit on how long a <title> can be, but titles are "truncated in Google Search results as needed, typically to fit the device width". The snippet guidelines say the same about descriptions. The limit is pixel width, not a character count. The figures SEOs usually work to, roughly 50–60 characters for titles and 150–160 for descriptions, are rules of thumb that tend to fit on desktop. Use the counters as a guide, and put the words that matter first.

HTML tags for SEO: which ones matter

TagRole in searchPriority
<title>Main source for the title linkEssential, unique per page
meta name="description"Snippet candidate; affects click-through, not ranking positionHigh
meta name="robots"Indexing and snippet controls (see our robots meta tag generator)Only when you need a restriction
link rel="canonical"Signals the preferred URL among duplicatesHigh on e-commerce and filtered pages
meta name="viewport"Signals a mobile-friendly pageEssential
<h1>–<h3>Page structure; <h1> is also a title-link sourceHigh
alt on <img>Describes images for Google Images and screen readersHigh
meta property="og:title" etc.Link previews on WhatsApp, LinkedIn and Facebook; also a title-link source for GoogleMedium
meta name="keywords"None. Google: "not used by Google Search"Skip

The full list of supported and ignored tags is in Google's meta tags reference.

Common mistakes and how to fix them

  • City-swap titles. "Packers and Movers in Noida", "… in Gurgaon", "… in Pune" on near-identical pages. Google specifically warns against titles that vary by one piece of information. Make each page genuinely different (local prices, branch address, reviews) and reflect that in the title.
  • Same description on every page. A theme default copied sitewide gives Google nothing useful, so it writes its own. Write page-level descriptions, at least for your money pages.
  • Keyword lists. "Best CA Noida, CA in Noida, CA firm Noida" reads like spam and is less likely to be shown. Write one natural sentence that answers the searcher's question.
  • Title that does not match the H1. If the title promises "From ₹1,499" and the page never mentions a price, Google often rewrites the title from your headings.
  • Brand first. "ABC Associates | Home | Services | GST" wastes the visible part on words searchers did not type. Put the brand at the end, or leave it out.
  • Two title tags. Some themes print a title and a plugin adds another. View the page source and keep exactly one.

Practical use cases

  • Real-estate broker: one title per project page, such as "3 BHK in Sector 150 Noida – Price, Floor Plans, RERA No.", rather than one generic listing title.
  • D2C brand: collection-page descriptions that mention price band and COD/free shipping, which are often the deciding details.
  • Clinic: doctor and treatment pages with the locality and consultation fee in the description.
  • B2B SaaS: feature pages titled by the problem they solve ("GST e-invoicing API for ERPs"), not the internal feature name.

Titles and descriptions are one part of on-page SEO; our technical SEO audit checklist covers the rest, and traffic but no leads helps if rankings are fine but enquiries are not. For hands-on help, see our SEO services.

Everything you type stays in your browser — nothing is sent to our servers.

Frequently asked questions

What are the most important HTML tags for SEO?

The title element and the meta description, because they shape your search listing. After those, the H1 heading, image alt text, a canonical link on pages with duplicates, and the viewport tag for mobile. The robots meta tag matters only when you want to restrict indexing. The meta keywords tag is ignored by Google and can be skipped entirely.

How long should an SEO title be?

Google sets no maximum, but it truncates title links to fit the device width, which is measured in pixels. Around 50–60 characters usually displays in full on desktop, so treat that as a working target, not a rule. Put the main keyword and the most persuasive detail, such as location or price, at the start so they survive truncation.

Does the meta description affect rankings?

Not directly. Google uses the meta description as a candidate for the snippet under your title, and it uses page content more often. A clear, specific description can raise click-through rate, which brings more visits from the same ranking position. A unique description per page also stops Google from showing an irrelevant chunk of boilerplate text.

Why does Google show a different title from mine?

Google rewrites title links when the title element is missing, very long, stuffed with keywords, repeated across many pages, or does not match the visible content. It may then use your H1, other headings, og:title or anchor text pointing at the page. Make the title concise, unique and consistent with the H1 to reduce rewrites.

Do I still need the meta keywords tag?

No. Google states that the meta keywords tag is not used by Google Search and has no effect on indexing or ranking. Listing keywords there also shows competitors exactly which terms you target. Spend the effort on a better title, description and on-page content instead. This tool deliberately outputs only the title and description tags.