{{ summary.heading }}
{{ summary.primary }}
{{ summary.line }}
{{ badge.label }}
Meta Tag Generator inputs
Use search plus social for most public pages; choose search only for private or utility pages.
Write a unique, concise title that describes this exact page.
Aim for a natural page summary; the checklist flags very short, long, or duplicated copy.
Enter the final public URL, including https:// and the canonical path.
Use the short public brand or site label that should appear in previews.
Website is safest for general pages; article and product fit those specific page templates.
Use an absolute HTTPS image URL sized for link previews, commonly around 1200 by 630 pixels.
Choose noindex only when this exact URL should stay out of search results.
Keep the site name concise; duplicated brand text can make search titles look boilerplate.
Applies only when the selected head package includes social preview tags.
Describe the preview image, not the page in general.
Leave blank unless the domain has a real public X account.
Use underscore format like en_US, or leave blank to omit the tag.
Use a six-digit hex color, or leave blank to omit theme-color.
Prefer the HTTP header when you control server config; use the meta tag for static pages.
{{ headMarkup }}
Group Tag Content Review note Copy
{{ row.group }} {{ row.tag }} {{ row.content }} {{ row.note }}
Level Area Evidence Action Copy
{{ row.level }} {{ row.area }} {{ row.evidence }} {{ row.action }}

        
Customize
Advanced
:

Introduction:

Head metadata helps browsers, search systems, and link-preview crawlers understand the same page before a visitor sees it. A title element names the document, a meta description can become a search snippet, a canonical link points to the preferred URL, and social preview tags tell sharing surfaces which title, summary, image, and page type to use.

Good metadata is not just a pile of tags. The title should be specific without repeating keywords, the description should summarize the page rather than echo the title, the canonical URL should be the final absolute address, and preview images should use stable HTTPS URLs. Small mistakes are easy to ship because head markup is hidden from the rendered page, but those mistakes can change how the page appears in search results, bookmarks, messaging apps, and shared posts.

Page facts flowing into search tags, preview tags, review checks, and final head markup

Metadata also has a useful boundary. It can guide crawlers and preview generators, but it does not force every service to display the exact same wording or image. Search engines may rewrite snippets and title links when the page content suggests a better result, while social platforms may cache previews until their crawler revisits the URL.

The safest handoff is a complete head snippet plus a review record. Copying tags without checking the generated warnings can leave a public page with a noindex directive, an HTTP canonical URL, a missing preview image, or title text that looks clean in code but truncates badly in real results.

Technical Details:

Document metadata combines several standards and crawler conventions inside the HTML head. Foundation tags such as character set and viewport describe how the page should be parsed and sized. Search-facing tags provide the title, description, robots directive, and canonical URL. Preview tags use Open Graph properties and X card metadata so a shared URL has a stronger chance of producing the intended title, summary, and image.

These tags are hints and declarations, not ranking guarantees. A canonical link can identify the preferred URL among duplicate or parameterized variants, but search systems still evaluate signals around the page. A robots meta tag can ask compliant crawlers to avoid indexing or following links. A meta description can become a snippet, but the search result may use different page text when that better matches the query.

Rule Core:

Head metadata tag groups and review meaning
Tag Group Representative Tags Review Meaning
Foundation meta charset, meta viewport, optional theme-color, optional referrer Parsing, mobile viewport behavior, browser UI color, and document referrer policy should match the deployed page.
Search title, meta description, meta robots, link rel="canonical" Search metadata needs a concise title, a unique summary, a deliberate robots directive, and an absolute canonical URL.
Open Graph og:title, og:description, og:type, og:url, og:image, og:image:alt Preview crawlers can build a share card from the page type, canonical share URL, image, and accessible image description.
X card twitter:card, twitter:title, twitter:description, twitter:site, twitter:image, twitter:image:alt The card type, handle, title, description, and image fields should fit the way the URL will be shared.

The generator builds a deterministic tag list from the selected head package. Search output includes the foundation tags, title, description, robots policy, canonical link, and optional foundation fields. Social output includes Open Graph and X card fields, using the unbranded page title for preview titles and the canonical URL for share URL fields when the URL is valid.

Validation happens before copy and download actions are allowed. Empty required text and invalid absolute URLs create blocking errors. Review and warning rows point to publish risks that still produce markup, such as an HTTP canonical URL, a noindex robots policy, a missing preview image, an invalid theme color, or an Open Graph locale that does not match the usual ll_CC shape.

Review Boundaries:

Checklist boundaries used to interpret generated meta tags
Checklist Cue Boundary Practical Check
Title length Below 20 characters asks for review; above 65 asks for review; above 90 raises a warning. Compare the composed HTML title with the visible page heading and remove repeated words.
Description length Below 70 characters asks for review; above 160 asks for review; above 200 raises a warning. Keep the summary readable and unique without copying the full title into the description.
Canonical URL The value must parse as an absolute HTTP or HTTPS URL; HTTP raises a warning. Use the final HTTPS page URL and confirm it returns the intended page with no fragment.
Robots policy noindex policies raise a warning because they keep the page out of search results for compliant crawlers. Use noindex only for pages that should not appear in search results.
Social image Social packages warn when no image will be emitted and error when a supplied image URL is invalid. Use a stable HTTPS image URL and verify the crop in platform preview tools.
Theme color and Open Graph locale Theme color must be a six-digit hex value; locale is reviewed against the ll_CC pattern. Leave optional fields blank unless they are accurate for the deployed page.

The generated JSON mirrors the current settings, status, counts, head markup, tag ledger, and checklist. Treat it as a review payload for handoff, not as a separate source of truth from the head markup and checklist shown in the result tabs.

Everyday Use & Decision Guide:

For most public pages, start with Search + social preview. Enter the visible page title, a short page-specific description, the final HTTPS canonical URL, the public site name, and a preview image URL. That first pass produces both search metadata and social card metadata, then the checklist tells you whether the draft is ready to copy.

Use Search only for utility pages, internal documentation, or pages where social preview tags would be unnecessary. Use Social preview only when another system already owns the search metadata and you only need share-card tags for a campaign, article, product page, or profile.

  • Keep HTML title format on Page title | Site name unless the site has a strong reason to lead with the brand.
  • Choose summary_large_image only when a strong preview image is available.
  • Leave X site handle blank unless the domain has a real public handle.
  • Add Image alt text when a social image is present so the preview image has a useful description.
  • Use Referrer policy only when a meta tag is the right fallback for a page that cannot set the HTTP header.

The main stop sign is Required metadata fixes. If the alert names Page title, Description, Canonical URL, or Social image, fix that input before copying the head snippet. Warnings deserve a slower look because they often indicate a publish choice, such as noindex, follow or a missing large-card image.

Do not treat a clean checklist as proof that every crawler will display the exact same result. Use Tag Ledger to review each emitted tag, then test the deployed URL in the relevant search and platform preview tools.

Step-by-Step Guide:

Fill the page facts first, then use the generated checks to decide whether the snippet is ready to publish.

  1. Choose Head package. The summary badges should show the selected package and update the search and social tag counts.
  2. Enter Page title, Search description, Canonical URL, and Site name. Head Markup should begin emitting the title, description, robots tag, and canonical link when the required values are valid.
  3. When social tags are enabled, set Page type and Social image URL. Invalid image URLs appear as a blocking Social image error in the checklist.
  4. Set Robots policy. If a noindex option is selected, Publish Checklist should show a warning before the snippet is copied.
  5. Open Advanced for title format, X card type, image alt text, X site handle, Open Graph locale, theme color, and referrer policy. Invalid optional values appear as warning or review rows instead of silently entering the markup.
  6. Read the summary line and badges. Head metadata needs fixes means copy and download actions are blocked until required fields are corrected.
  7. Open Tag Ledger to review the group, tag name, content, and review note for every emitted row.
  8. Copy Head Markup only after Publish Checklist has no blocker that affects the page being launched.

Interpreting Results:

The top summary is a readiness snapshot. Head metadata ready means required fields parsed and no blocking errors are active. It does not mean the page has been crawled, the preview image has been cached, or the canonical URL returns the right HTTP response.

How to interpret Meta Tag Generator results
Result Cue Meaning Next Check
blocking issue A required field or URL failed validation, so copy and download actions are blocked. Fix the field named in the input alert, then recheck Head Markup.
ready checks The checklist found no error, warning, or review rows for the current inputs. Still confirm the deployed URL, preview image, and title wording outside the generator.
warnings Markup exists, but a publish risk is present, such as noindex, HTTP URL, or missing social image. Resolve the warning unless that exact behavior is intentional for the page.
Tag Ledger Each row shows the emitted tag, content, group, and review note. Compare the ledger against the final page facts before pasting the snippet into a head template.

The common false confidence is assuming that a copied snippet is the final public preview. The generator can produce valid markup, but a platform can cache older tags, ignore a field, crop an image differently, or rewrite a search snippet. Deploy first, then test the real URL.

Worked Examples:

Product landing page:

A page title of Field Notes CRM, description of Plan customer visits, capture follow-up notes, and review account status from one field-ready workspace., canonical URL https://www.example.com/field-notes-crm, site name ExampleCo, page type product, and an HTTPS social image should produce search tags plus Open Graph and X card tags. Publish Checklist should show ready rows for title length, description length, canonical URL, robots policy, and social image.

Private utility page:

An internal status page can use Search only with robots policy noindex, nofollow. Head Markup still includes the robots tag, but Publish Checklist warns that the page will stay out of search results for compliant crawlers. That warning is acceptable only if the page should not be listed.

Missing social image:

A launch article using Search + social preview with summary_large_image but no Social image URL produces markup without og:image or twitter:image. The checklist raises Social image and X card image warnings, so the corrective path is to add an absolute HTTPS image URL or switch the X card type to summary.

Bad canonical paste:

If Canonical URL is entered as example.com/pricing, the checklist reports Enter a valid absolute URL. and the summary switches to Head metadata needs fixes. Replacing it with https://www.example.com/pricing restores the canonical link and allows the head snippet to be copied.

FAQ:

Why does the title include the site name?

HTML title format controls whether the title is emitted as page title plus site name, site name plus page title, or page title only. Social title tags keep the unbranded page title.

Why is my canonical URL rejected?

Canonical URL must parse as an absolute HTTP or HTTPS URL. Use the full final address, such as https://www.example.com/pricing, rather than a bare domain or relative path.

Does noindex remove social preview tags?

No. A noindex robots policy affects search indexing for compliant crawlers. Social preview tags are still emitted when the selected head package includes social preview output.

Why is theme color not emitted?

Theme color is emitted only when the value is a six-digit hex color such as #2563eb. Invalid values are reported in Publish Checklist and omitted from the tag list.

What should I check after copying the tags?

Paste the snippet into the document head, deploy the page, confirm the canonical URL returns the intended page, and test the URL with the search or platform preview tools that matter for that page.

Glossary:

Canonical URL
The preferred absolute address for a page when similar or duplicate URLs exist.
Robots policy
A meta directive that tells compliant crawlers whether to index the page and follow links.
Open Graph
A metadata vocabulary used by many sharing surfaces to build link previews.
X card
A set of twitter:* meta tags that describe how a URL should appear when shared on X.
Theme color
A browser UI color hint emitted as a meta tag when a valid six-digit hex color is provided.
Referrer policy
A rule that controls how much referrer information the browser sends from the document.

References: