How to use the meta tag generator

1Type the Title and Meta description; the meters show the estimated width against Google's usual limits.
2Add the Canonical URL and choose the Search engine settings (indexing, link following, large image previews).
3Under Social sharing, add a Share image URL, Site name and X handle.
4Check the Search result preview, then press Copy or Download under Your meta tags and paste the code into the page's <head>.

Example output

Input

Title: Sourdough Starter: How to Make, Feed and Store It
Description: Make a sourdough starter with flour and water in 7 days. Learn when to feed it, how to store it and how to revive a neglected starter.
Canonical: https://www.example.com/baking/sourdough-starter/
og:type: article · Image: https://www.example.com/images/starter-1200x630.jpg
Site name: Bread Notes · X handle: breadnotes

Output

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Sourdough Starter: How to Make, Feed and Store It</title>
<meta name="description" content="Make a sourdough starter with flour and water in 7 days. Learn when to feed it, how to store it and how to revive a neglected starter.">
<link rel="canonical" href="https://www.example.com/baking/sourdough-starter/">
<meta property="og:title" content="Sourdough Starter: How to Make, Feed and Store It">
<meta property="og:description" content="Make a sourdough starter with flour and water in 7 days. Learn when to feed it, how to store it and how to revive a neglected starter.">
<meta property="og:type" content="article">
<meta property="og:url" content="https://www.example.com/baking/sourdough-starter/">
<meta property="og:image" content="https://www.example.com/images/starter-1200x630.jpg">
<meta property="og:site_name" content="Bread Notes">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@breadnotes">

With indexing and link following allowed (the defaults) no robots tag is written, because index, follow is what search engines assume. The title measures about 457 px, comfortably inside 600 px.

Tags every page needs

Only a few head tags matter for search:

<meta charset="utf-8"> first in the head, so characters display correctly.
<meta name="viewport" …> so phones render the page at device width.
<title>, unique per page: Google's main source for the result title.
<meta name="description">: often used as the snippet text. It's not a ranking factor, but it affects whether people click.
<link rel="canonical"> when the same content is reachable at more than one URL.

The generator writes them in that order.

Robots and canonical settings

With both Allow indexing and Allow following links ticked, the generator writes no robots tag at all, because index, follow is the default. Untick indexing to add noindex (thank-you pages, internal search results), or untick link following to add nofollow. Allow large image previews adds max-image-preview:large, which lets Google show big images from the page in Discover.

If you set noindex, leave the canonical empty: "don't index this" and "index that URL instead" send mixed signals, and the generator warns you.

Facebook, LinkedIn, Slack, WhatsApp and most chat apps read Open Graph tags. The generator copies your title and description into og:title and og:description, uses the canonical as og:url and adds your share image. X reads Open Graph too, so for X it only adds twitter:card (layout) and twitter:site (your handle).

For a share image, 1200 × 630 px (1.91:1) displays well on Facebook, LinkedIn and X large cards. Use an absolute https:// URL. To fine-tune social tags separately, use the Open Graph generator.

Where to paste the code (HTML, WordPress, Next.js)

Plain HTML: inside <head>, before stylesheets and scripts.
WordPress: an SEO plugin (Yoast, Rank Math, SEOPress) already writes title, description, canonical and Open Graph tags. Enter your text in the plugin's fields rather than pasting code, or you'll get duplicates.
Next.js (App Router): use the metadata export or generateMetadata in layout.tsx/page.tsx; the framework writes the tags.
Shopify, Wix, Squarespace: use each page's SEO settings panel.

Afterwards, run the page through the meta tags analyzer to confirm there's exactly one of each tag.

Tags you can skip

keywords, revisit-after, distribution and generator have no effect on Google. The generator keeps keywords and revisit-after under Legacy, ignored by Google, collapsed and off by default, for the rare system that still reads them. You also don't need <meta name="robots" content="index, follow">, <meta http-equiv="content-language"> (use <html lang>), or a googlebot tag that repeats the robots tag.

Is anything I enter stored?

This tool runs entirely in your browser. Your text is not uploaded to our servers.

Meta Tag Generator

How to use the meta tag generator

Example output

Tags every page needs

Robots and canonical settings

Where to paste the code (HTML, WordPress, Next.js)

Tags you can skip

Is anything I enter stored?

Sources

Questions about the meta tag generator

Does the meta keywords tag help SEO?

Where do I put meta tags in WordPress?

What image size is best for Open Graph?

Learn more