HTML

Meta Tag Preview

Details

How to use Meta Tag Preview

What the tool does, how to run it, and what to expect from the result.

How to preview meta tags

To preview meta tags, paste the HTML or the contents of the page head into the tool. It parses the markup locally and surfaces the key SEO fields, including the title, meta description, canonical URL, and robots directives.

The tool also renders a search-style preview so you can see roughly how your title and description would appear in results. Because parsing happens in your browser, the markup you paste is never sent anywhere.

  • Paste your HTML or head markup
  • Review the extracted title, description, canonical, and robots
  • Check the Open Graph and Twitter values
  • Compare against the search-style preview

Why this tool is paste-first

This Meta Tag Preview is paste-first by design: you give it the markup you want to inspect, and it shows the parsed result locally instead of pretending to crawl a live page. That keeps the tool honest about what it actually reads.

Paste-first also keeps it fully private. Since you control exactly what markup goes in and the parsing runs on your device, there is no remote fetch and nothing leaves your browser.

Tips

Getting a better result out of Meta Tag Preview

Specific settings and thresholds, not general advice.

  • Paste the whole <head> block, tags included. Meta and link tags pasted as a bare fragment are placed in the body by the HTML parser, and every lookup here runs against document.head, so description, canonical, robots, and the og: fields all read as Missing. The <title> is the one field that still resolves from the body.
  • The selectors are exact matches: meta[name="description"], meta[name="robots"], link[rel="canonical"], and meta[property="og:..."]. A CMS that emits <meta property="description"> or <link rel="Canonical"> is a real and common bug, and this tool will report Missing for it, which is the correct answer.
  • The search preview prints your title and description at full length. Google truncates by pixel width, roughly 580px for a title and 920px for a description, which in practice is about 60 and about 155 characters. Nothing here cuts the string, so a title that looks fine in the card can still be clipped in the result page.
  • The URL line falls back from og:url to the canonical. When both are absent, the preview shows https://example.com/path, which is the tool's own filler text and not something present in your markup.
  • The image field falls back from og:image to twitter:image, so an image URL appearing here does not prove an og:image exists. Open Graph Preview shows both fields separately if the distinction matters.
Limits

What Meta Tag Preview does not do

The honest boundary, so you do not lose time finding it yourself.

  • It does not fetch a URL. What a crawler actually receives after redirects, server-side rules, or a different user agent is out of scope.
  • No pixel-width truncation and no length warnings. Titles and descriptions are shown in full.
  • Only tags inside <head> are read, so meta tags injected at runtime by client-side JavaScript are invisible to a paste.
  • No duplicate or conflict detection. Duplicate titles and descriptions are flagged by the HTML Validator, not here.
Reference

Terms used on this page

Short, plain-language definitions for the formats and settings above.

At a glance

Who Meta Tag Preview is for

A quick way to understand who this helps, what it solves, and where it connects next.

Best fit

SEO teams, marketers, founders, and content editors reviewing metadata before launch or handoff.

Ideal for

Checking title, description, canonical, and robots values quickly without using a remote fetcher.

FAQ

Common questions

Short answers for the questions people usually have before trying a utility like this.

Is the meta tag preview free?

Yes. Inspecting meta tags from pasted HTML is completely free, with no signup required.

Can I preview a live URL?

No. This tool is paste-only and does not fetch remote pages. Paste the page's HTML or head markup to inspect it.

Does it show social meta fields?

Yes. Key Open Graph and Twitter card values are extracted and shown alongside the standard title and description tags.

Does it upload my markup?

No. The HTML you paste is parsed locally in your browser and is never sent to a server.

What fields does it extract?

It extracts the title, meta description, canonical URL, robots directives, and the main Open Graph and Twitter social tags.

Why is every field Missing except the title?

You almost certainly pasted the tags without a <head> wrapper. The HTML parser puts a loose <meta> or <link> into the body, and the extractor queries document.head only, so nothing is found. The title still shows because document.title finds a <title> anywhere in the document. Wrap the tags in <head>...</head>, or paste the real head block from view-source, and every field resolves.

Can I paste a URL instead of markup?

No, the tool is paste-only. Open the page, view its source, copy the <head> section, and paste that. This is a deliberate limit rather than a missing feature: a browser tool cannot fetch a third-party page without a proxy, and a proxy would see a different response than a real crawler does anyway.

Will it warn me that my title is too long?

No. It shows the title and description exactly as written, with no character count and no truncation. Google cuts by rendered pixel width, not by character count, so any fixed limit would be a guess. The usual working ranges are about 60 characters for a title and about 155 for a description.

Why is an image shown when I have no og:image?

The image field falls back to twitter:image when og:image is absent, so the value you see may come from the Twitter tag. If you need to know which tag supplied it, use the Open Graph Preview, which lists og:image and twitter:image as separate rows.

Does it check my robots meta against robots.txt?

No. It reads the content of meta[name="robots"] and prints it, or prints Missing. It does not fetch robots.txt, does not check for an X-Robots-Tag header, and does not resolve conflicts between them. A page can be indexable per its meta tag and still blocked from crawling at the robots.txt level.

Is the markup uploaded?

No. The head is parsed in your browser and the extracted fields never leave the tab, which is why the tool cannot fetch a live URL for you.

Recommendations

You Might Also Like

Nearby tools from the catalog that fit the same job or workflow.

Cleanor app

Do it all on your device

Cleanor puts these tools in one app: compress and convert images, video, and audio, work with PDFs, and scan text right on your device. Plus free up storage and clear inbox clutter with Email Cleaner. Start with a free trial.

  • iPhone
  • Android
  • Macsoon
  • Windowssoon