Meta tags generator

A complete head block: title, description, canonical, robots and Open Graph.

FreeRuns in your browserNo signupUpdated 2026-10-29

Title41 characters · aim for 50 to 60Description115 characters · aim for 120 to 155Canonical URLRobots

Language codeTheme colour (optional)Site nameAuthor (optional)

Share image URL1200 x 630px, absolute https URL

Open Graph tagsTwitter card tags

The meta keywords tag is left out on purpose; no major search engine has used it in years.

Checks

Looks good

Lengths and canonical look right

Tags

lines in the head block

head.html

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>Website design &amp; development | Example Co</title>
  <meta name="description" content="We design and build fast, search-ready company websites on Next.js or WordPress, with clean code your team can run." />
  <link rel="canonical" href="https://www.example.com/services/web-design" />
  <meta name="robots" content="index, follow" />
  <meta name="theme-color" content="#0f172a" />

  <meta property="og:type" content="website" />
  <meta property="og:title" content="Website design &amp; development | Example Co" />
  <meta property="og:description" content="We design and build fast, search-ready company websites on Next.js or WordPress, with clean code your team can run." />
  <meta property="og:url" content="https://www.example.com/services/web-design" />
  <meta property="og:site_name" content="Example Co" />
  <meta property="og:image" content="https://www.example.com/og/web-design.jpg" />

  <meta name="twitter:card" content="summary_large_image" />
  <meta name="twitter:title" content="Website design &amp; development | Example Co" />
  <meta name="twitter:description" content="We design and build fast, search-ready company websites on Next.js or WordPress, with clean code your team can run." />
  <meta name="twitter:image" content="https://www.example.com/og/web-design.jpg" />
</head>

About this tool

How it works and how to read the result.

Need this done for you?

Technical SEO & performance

Faster pages, clean structure and better visibility in search.

See the service

What it does

A meta tag generator writes the head section of a page in one go: character set, viewport, title, description, canonical link, robots directive, theme colour and, if you want them, the Open Graph and Twitter card tags for link previews. Fill in the fields and the block updates live with every value escaped. Length checks for the title and description match what search results show, so you fix problems before the page is published.

How to use it

Enter the page title and description, watching the character hints.
Paste the canonical URL, which is usually the page's own address.
Leave robots on "index, follow" unless the page should stay out of search.
Set the language code, site name and the share image URL.
Copy the block into the head of the page template.

How to read the result

The Checks badge is green when the title and description are within range and a canonical is set. A 68-character title turns it amber with "Title over 60 characters may be cut". If you choose a noindex value, the badge also warns that the page will be kept out of results, which is a useful reminder before shipping a template.

The Tags stat counts the lines in the output. With Open Graph and Twitter enabled and all fields filled, a typical page has 18 lines inside the head. Turning off the social tags drops that to 8, which is fine for pages nobody will share.

The canonical link uses the exact URL you enter. If the live page is served at a different address, for example with a trailing slash, Google treats the two as different URLs, so copy the address from the browser rather than typing it.

For the pixel-accurate check of how the title will show, use the SERP preview. Template-level head tags across a site are part of our technical SEO service.

Questions

Frequently asked.

Do I still need the meta keywords tag?

No. Google stopped reading it in 2009 and Bing treats it as a possible spam signal. The generator leaves it out. The title, description, canonical and robots tags are the ones that affect how the page is crawled and shown.

Which robots value should I use?

"index, follow" is the default and you can leave the tag out entirely with the same effect. Use "noindex, follow" for pages you want crawled but not listed, such as thank-you pages or internal search results. Only use nofollow when you do not want the page's links counted, which is rare.

Should every page have a canonical tag?

Yes, pointing to the page's own preferred URL. It protects against duplicate versions created by tracking parameters, trailing slashes or http versus https. Make sure it is an absolute URL and matches the URL in your sitemap exactly.

Related tools.

All tools

Your next move

Like what you see? Tell us about it.

A process that takes too long, a website that undersells you, or an idea ready to take shape. Tell us where you are and we will suggest a useful next step.

sohailhussain124@gmail.com

India · Working with clients worldwide