Skip to content

Meta tag generator

Write page titles and descriptions with an illustrative search preview and escaped HTML export.

Search result preview

https://example.com/coffee

Small rituals. Better mornings.

Discover thoughtfully roasted coffee, simple brewing guides, and everything you need for a slower start.

31Title characters
104Description characters

Illustrative snippet. Search engines choose their own wording and truncation; there is no universal character limit that guarantees this appearance.

Absolute HTTP(S). A fragment is removed from the canonical URL.
HTML head tags289 characters
<title>Small rituals. Better mornings.</title>
<meta name="description" content="Discover thoughtfully roasted coffee, simple brewing guides, and everything you need for a slower start.">
<link rel="canonical" href="https://example.com/coffee">
<meta name="robots" content="index, follow">
Processed on your device

How it works & useful details

How this tool works

Add the exported tags inside the page head. The canonical URL must be absolute HTTP(S); fragments are removed. The snippet is illustrative: search engines may rewrite text, and there is no guaranteed display length. Robots metadata does not enforce access control. Titles support 200 characters, descriptions 1,000, and URLs 8,192.

HTML metadata standard

About this tool

Meta tag generator writes page titles and descriptions while showing an illustrative search preview and exporting properly escaped HTML. It is a quick way to keep metadata consistent across a site.

The preview is indicative rather than a simulation of any specific search engine, and the exported tags are HTML-escaped so quotes and ampersands do not break the markup. Everything is composed locally.

How to use it

  1. Enter the page title and description.
  2. Check the search preview and the character counts.
  3. Add optional metadata such as canonical or robots directives.
  4. Copy the escaped HTML tags into your template.

Worked example

<title>Small rituals. Better mornings.</title>
<meta name="description" content="Discover thoughtfully roasted coffee, simple brewing guides, and everything you need for a slower start.">
<link rel="canonical" href="https://example.com/coffee">
<meta name="robots" content="index, follow">

Paste these tags into the page's <head>. Quotes, ampersands, and angle brackets in your text are escaped, so a title like Fish & Chips produces valid HTML.

Writing titles and descriptions that work

  • Make every page title unique and put the distinctive words first: "Merge PDF files without uploading – littlekit" rather than "littlekit – Tools – PDF – Merge".
  • Aim for roughly 50–60 characters in titles and 120–160 in descriptions. Search results truncate by pixel width, so these are guidelines, not hard limits.
  • Write the description as a short pitch for a human reader. It does not affect ranking directly, but it influences whether people click.
  • Use a canonical URL to name the preferred address when the same content is reachable from several URLs, for example with tracking parameters.

Search engines can rewrite titles and descriptions when they think another text fits a query better. The preview is illustrative, not a promise of what will appear. A noindex robots value only works if crawlers can fetch the page, so do not also block it in robots.txt.

Frequently asked questions

Does it guarantee how search engines display my page?

No. The preview is illustrative; search engines generate their own snippets and may rewrite titles.

Why are ampersands escaped in the output?

Escaping keeps the HTML valid and prevents markup injection when values contain quotes or angle brackets.

What is the limit?

Up to 20,000 characters across the fields.

Do meta keywords still matter?

No. Google has ignored the keywords meta tag for more than a decade, so the generator does not produce one.