Meta Tag Analyzer

Analyze HTML meta tags for SEO. Check title, description, and Open Graph tags.

About Meta Analyzer

Paste HTML and analyze meta tags for SEO best practices. Checks title length, description, viewport, charset, and Open Graph tags. Get recommendations for improvements.

Meta tags sit in a page's HTML head and tell search engines and social platforms how to display that page. Four tags are critical: title (shown in browser tabs and search snippets, best at 30-60 characters), description (the search result blurb, best at 120-160 characters), viewport (controls mobile scaling, must include width=device-width), and charset (almost always UTF-8). Missing any of these causes either poor search appearance or broken mobile rendering.

Open Graph tags (og:title, og:description, og:image, og:url) control what appears when a URL is shared on Facebook, LinkedIn, and most chat apps. Twitter has its own parallel set (twitter:card, twitter:title, twitter:description, twitter:image). Without these, social platforms fall back to a generic scraped preview that often looks broken. The og:image and twitter:image values must be absolute URLs - relative paths are not followed by social crawlers.

Paste the HTML source for any page's head section and this tool parses every meta tag, checks title and description lengths against best-practice ranges, flags relative image URLs, and identifies missing tags. Results are grouped into Essential, Social, and Technical categories with a colour-coded score so you can see at a glance where the gaps are.

How to use the Meta Analyzer
  1. 1

    Paste HTML source

    Copy the head section from a page's HTML source and paste it into the textarea. Click Load Sample to try a pre-filled example.

  2. 2

    Click Analyze Meta Tags

    The tool parses every title, meta name, and meta property tag, checks lengths and values against SEO best practices, and assigns good, warning, or missing status.

  3. 3

    Review results by category

    Results are split into Essential, Social Media, and Other groups. Each tag shows its content, character count, and a specific fix recommendation if the status is not good.

Common use cases

Pre-launch SEO audit

Check a new page for missing or over-length titles and descriptions before publishing to avoid poor search snippet appearance.

Social sharing preview check

Verify Open Graph and Twitter card tags are present and use absolute image URLs before sharing a campaign landing page.

Diagnosing broken link previews

Find out why a Slack or WhatsApp link preview shows the wrong title or no image by inspecting the og: tags in the page source.

Competitor research

View source on a competitor page and paste the head section to see which meta tags and social properties they have configured.

Frequently asked questions
Why does my title show a warning even though it looks fine?

The tool flags titles outside the 30-60 character range. Search engines may truncate longer titles in results pages, and very short titles tend to be non-descriptive. The recommendation is a guideline, not a hard rule.

Does this tool fetch the URL live?

No. You paste HTML directly into the textarea and analysis runs entirely offline in your browser. No URLs are fetched and no data is sent to any server.

What's the difference between og:title and twitter:title?

They serve the same purpose on different platforms. Facebook, LinkedIn, and most apps read og: tags. Twitter reads twitter: tags and falls back to og: if the twitter: tags are absent.

Why must og:image use an absolute URL?

Social crawlers request the image URL directly from their own servers, so relative paths like /images/hero.jpg resolve against the crawler's domain, not yours. Use a full https:// URL.

Is my pasted HTML stored anywhere?

No. The HTML you paste is parsed in memory in the page and discarded when you close or refresh. Nothing is transmitted to any server.

developerwebsocial-media