toolbench.onlineby Valkyron Labs

Developer

Meta Tag Generator

Draft a page's head tags in one pass: title, description, canonical URL, Open Graph, and Twitter. Add an image or a handle, then copy the finished snippet.

Meta Tag Generator

Generate title, meta description, canonical, Open Graph, and Twitter tags.

Fill in the page details to generate metadata tags.

HTML head snippet

—

Output actions

Ready to copy output once your result appears.

Eleven tags, plus an image and a handle when you fill them

Meta Tag Generator writes a head snippet from Page title, Meta description, and Canonical URL, which are required, plus Site name, Open Graph image URL, and Twitter handle, which are optional. og:type is always website. The Twitter card is always summary_large_image, even when you leave the image blank. & < > and " are escaped. A bare origin gains a trailing slash because the canonical is passed through the URL parser. There is a Copy output control and no download.

How to build the head snippet

  1. 1Fill Page title, Meta description, and Canonical URL. Site name starts as toolbench.online. Open Graph image URL and Twitter handle start empty. The placeholder on the handle is @toolbench.
  2. 2Press Generate meta tags. Nothing runs while you type. A missing required field says Title, description, and canonical URL are required. and clears the snippet.
  3. 3Read HTML head snippet. Success says Meta tags generated. A canonical or image that is not an absolute URL says Canonical URL and image URL must be valid absolute URLs when provided. and clears the snippet. Copy output copies the lines. This tool has no download button.

What it is good for

  • • Getting a title, a description meta, a canonical link, and the matching Open Graph and Twitter lines from one click.
  • • Seeing & < > and quotes turned into entities before they sit inside an attribute.
  • • Leaving the image and the handle off and still receiving summary_large_image.

Example

Input

Page title: SEO Metadata Generator
Meta description: Generate metadata tags.
Canonical URL: https://toolbench.online/tools/meta-tag-generator
Site name left as toolbench.online
Image and Twitter handle left blank

Output

<title>SEO Metadata Generator</title>
<meta name="description" content="Generate metadata tags." />
<link rel="canonical" href="https://toolbench.online/tools/meta-tag-generator" />
<meta property="og:title" content="SEO Metadata Generator" />
<meta property="og:description" content="Generate metadata tags." />
<meta property="og:url" content="https://toolbench.online/tools/meta-tag-generator" />
<meta property="og:site_name" content="toolbench.online" />
<meta property="og:type" content="website" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="SEO Metadata Generator" />
<meta name="twitter:description" content="Generate metadata tags." />

Eleven lines. No og:image and no twitter:site, because those fields were empty. The description in this example is the short sentence Generate metadata tags.

Which tags are always written

A successful click always emits eleven lines, in a fixed order. The title element uses the trimmed page title. The description meta uses the trimmed description. The canonical link and og:url both use the canonical after new URL, then the same HTML escape as the other attributes. og:title and twitter:title repeat the title. og:description and twitter:description repeat the description. og:site_name uses the trimmed site name, or the word Website if that field is empty or only spaces. og:type is the literal website. twitter:card is the literal summary_large_image.

Two optional tails follow those eleven. A non-empty image URL is parsed as a URL and, if that parse works, adds og:image and twitter:image with the escaped absolute form. A non-empty Twitter handle adds twitter:site with the handle trimmed and escaped, and nothing is inserted in front of it. @toolbench stays @toolbench. toolbench without an @ stays without an @. The page does not look the handle up.

The six fields

Page title and Meta description are text controls. Canonical URL, Site name, Open Graph image URL, and Twitter handle are single-line controls. Only the first three block the click when they are empty after trimming. Site name is prefilled with toolbench.online. Clear it and the snippet still generates, with og:site_name set to Website. The image and the handle are skipped when their boxes are empty. They are not skipped when they contain spaces only: the handle is trimmed to empty and then skipped, and the image is trimmed to empty and skipped.

Generate meta tags is the only action. Editing a field after a success leaves the old snippet until you generate again. The status starts as Fill in the page details to generate metadata tags. Copy output copies the snippet, not the status. There is no Download output button on this tool. There is no preview card and no pixel measurement of the title or the description.

When this snippet is the right paste

Paste the lines into a head when you want this exact set: title, description, canonical, Open Graph title, description, url, site name, and type, plus the three Twitter lines. A slug for the path can be drafted on the slug generator. A campaign query on that canonical URL is the UTM builder. This generator does not add utm_ parameters, and the UTM builder does not emit meta tags.

A robots.txt rule is a different file. The robots.txt generator writes User-agent lines, not a robots meta tag. This page never emits a robots meta, a keywords meta, a viewport, or an hreflang. A sitemap urlset is the XML sitemap generator. The canonical you type here is not added to a sitemap for you.

Escapes, a bare origin, and missing fields

Escaping replaces & with &amp;, < with &lt;, > with &gt;, and " with &quot;, in the title, the description, the site name, the canonical, the image, and the handle. An apostrophe is left as an apostrophe. The title is text content of the title element, so the same four characters are escaped there too. The canonical is not the raw field. new URL parses it first, so https://example.com becomes https://example.com/ with a slash before it is escaped. A path such as https://toolbench.online/tools/meta-tag-generator does not gain an extra slash.

If the canonical is relative, or the image is relative, or either value is not a URL, the click fails with Canonical URL and image URL must be valid absolute URLs when provided. The snippet is cleared. That one sentence covers both fields. If title, description, or canonical is empty, the click fails earlier with Title, description, and canonical URL are required. and never reaches the URL parser. The page does not fetch the canonical, does not check that the image exists, and does not offer og:type values other than website.

Rules and limitations

Title, description, and an absolute canonical are required. The eleven core lines always include og:type website and twitter:card summary_large_image. An image adds og:image and twitter:image. A handle is copied as typed into twitter:site. An empty site name becomes Website.

& < > and double quotes are escaped. A bare origin gains a trailing slash. Relative URLs fail and clear the snippet. There is no download. There is no robots, keywords, viewport, or hreflang line.

Common problems

If https://example.com came back as https://example.com/, the URL parser added the slash. A path is left without an extra slash. Put the path in the field if the slash on the origin is wrong for that host.

If the snippet disappeared, a required field was empty or a URL did not parse. The previous lines are not kept. Fill the three required fields with absolute URLs and generate again.

Frequently asked questions

Why is the Twitter card summary_large_image when I left the image empty?

twitter:card is hard-coded to summary_large_image on every success. The image lines are added only when Open Graph image URL parses. The card type does not change.

Will the handle gain an @?

No. The trimmed field is escaped and placed in twitter:site. @toolbench stays as you typed it. A handle without @ is not corrected.

What happens to an ampersand in the title?

It becomes &amp; in the title element and in og:title and twitter:title. Less-than, greater-than, and double quotes are escaped too. An apostrophe is not.

Is there a download?

No. Copy output copies the snippet. There is no Download output button and no file name.

Is my input uploaded or saved?

This tool processes input in your browser and does not save its input or output to local storage. Copy and download are user actions. The site uses analytics for page and action metadata and may use ads and production error reporting; see the Privacy Policy for those services.

About this tool

Maintained by Toolbench. For large or deeply nested files, split the input into smaller batches and verify representative results before using them in an import or application. Report reproducible problems through Contact.

Next steps

Related tools

Continue the workflow with nearby tools for formatting, publishing, debugging, or follow-up checks.

Trust

Policies, contact, and answers

Clear pages for how Toolbench works, what we collect, and how to reach us.