Meta Tag Generator

How do you generate a complete set of meta tags?

Enter Page Title and Meta Description; generated output appears as soon as both contain non-whitespace text. No generate button is required. Add Page URL to supply a canonical link and Open Graph URL, then open Advanced settings for crawler controls and social metadata. Start with the page's actual subject and a description that matches its visible content.

For a worked example, enter Workshop Notes as the title, Read practical notes on repairing wooden furniture. as the description, and https://example.com/workshop/ as Page URL. Leave Canonical URL and social overrides blank. With the default settings, the HTML output contains these eleven elements:

<title>Workshop Notes</title>
<meta name="description" content="Read practical notes on repairing wooden furniture." />
<link rel="canonical" href="https://example.com/workshop/" />
<meta name="robots" content="index, follow" />
<meta property="og:title" content="Workshop Notes" />
<meta property="og:description" content="Read practical notes on repairing wooden furniture." />
<meta property="og:url" content="https://example.com/workshop/" />
<meta property="og:type" content="website" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Workshop Notes" />
<meta name="twitter:description" content="Read practical notes on repairing wooden furniture." />

This example has no image tag: an image is exported only when og:image URL has a value. Charset and viewport are also absent until enabled. Whitespace around text is trimmed, and HTML-sensitive characters are escaped in the generated markup.

What are meta tags, and which fields should you prioritize?

Metadata describes a document for software that reads its HTML head. The HTML Standard distinguishes the title element, meta elements, and link elements; this generator groups them into one installable snippet. The title names the document, the description summarizes it, the canonical link expresses a preferred URL, and robots metadata communicates crawler instructions.

Write a distinct title and a useful description before adding optional fields. Metadata alone does not guarantee indexing or a particular search appearance. Keywords accepts comma-separated entries, trims them, and discards empty entries; it is optional. For a focused description review, use Meta Description Checker. More tools are available in SEO Tools.

How can you import existing metadata without losing important fields?

Import from HTML parses pasted source locally using DOMParser. It does not visit a URL or execute pasted scripts. Click Import metadata, then inspect the form: the import starts from defaults and replaces current values. It reads supported fields rather than preserving an entire head block, comments, arbitrary meta names, or unrelated scripts.

The importer uses the first matching element for each supported field. If the title element is empty or missing, it tries twitter:title. Missing descriptions fall back to twitter:description, and missing og:image falls back to twitter:image. Unsupported Open Graph types become website; only article is retained as an alternative. An absent or unsupported Twitter card becomes No Twitter tags. Keep the original HTML when comparing the regenerated subset.

How do canonical links differ from Open Graph URLs?

A canonical link expresses which URL represents equivalent page content; it does not redirect visitors. Enter the preferred address in Canonical URL, including its scheme. When this field is blank, the generator uses Page URL. If neither is present, it omits the canonical link rather than inventing an address.

Open Graph uses Page URL first and Canonical URL as its fallback. This lets a shared page address differ from the preferred canonical address. The canonical warning checks the HTTP or HTTPS prefix, not whether the page exists, redirects, or is indexable. A relative canonical can still reach the output despite the warning. Check deployment details yourself.

Which robots controls are available, and what happens to invalid values?

The initial robots value is index, follow. Selecting noindex or nofollow replaces the corresponding positive directive. Advanced settings also provides noarchive, nosnippet, notranslate, and three preview controls. The generator combines selected directives into one comma-separated value and removes duplicates.

Robots preview controls accepted by the generator

Field	Accepted value	Output handling
max-snippet (characters)	Nonnegative integer or -1	Other nonempty values warn and are omitted
max-image-preview	Not set, none, standard, large	Not set omits the directive
max-video-preview (seconds)	Nonnegative integer or -1	Other nonempty values warn and are omitted

Combining nosnippet with a filled max-snippet field displays a conflict warning. A valid integer remains in the output alongside nosnippet; the warning does not resolve the conflict for you. These controls generate page metadata, not a robots.txt file, and noindex is not access control for private content.

How accurate are the search and social previews?

The Google result preview offers Desktop and Mobile layouts. Its title uses browser text measurement with a 600px limit, an amber indicator above 90%, and a red indicator above 100%. The form separately marks titles over 60 characters and descriptions over 160. These guides do not truncate exported values. Use SERP Snippet Preview for a dedicated search preview workflow.

Social fields follow the Open Graph protocol's property naming. Blank og:title and og:description reuse the page title and description; the same resolved values supply Twitter tags. Choose website or article, and select summary, summary_large_image, or No Twitter tags. Facebook / LinkedIn and X large card previews are illustrations, not live crawler responses. A local image changes only the preview; supply a hosted URL separately for export.

Where should you install each output format?

Paste HTML into the head of your document, replacing existing equivalent tags to avoid duplicates. Enabled charset and viewport come first, followed by title, description, canonical, robots, optional keywords and theme color, then social tags. The html lang hint adds a comment telling you to set the root element; it does not emit a language meta tag.

Next.js metadata produces a typed export for an App Router server page or layout. Its separate viewport export carries enabled viewport settings and theme color. JSON serializes only the metadata object, including keywords as an array and robots as structured values. Adapt it to your framework rather than pasting JSON directly into the head. Finally, inspect the deployed HTML: this generator neither edits your site nor verifies the tags after publication.