What does the SEO Analyzer check?

The SEO Analyzer checks meta tags (title, description, Open Graph, Twitter Cards), head tag ordering for performance, deprecated tags that should be removed, site resources (robots.txt, sitemap.xml, manifest), favicon configuration, and overall SEO best practices.

Why does head tag order matter for performance?

The order of tags in your HTML head affects page load performance. Charset should come first, then viewport, then preconnect hints, then critical CSS. Blocking resources (non-async scripts, stylesheets) delay rendering. Proper ordering can significantly improve Core Web Vitals scores.

What are deprecated meta tags?

Deprecated meta tags are tags that search engines no longer use, like keywords, generator, revisit-after, copyright, distribution, and rating. These should be removed as they add unnecessary bytes and provide no SEO benefit.

How is the SEO score calculated?

The SEO score starts at 100 and deducts points based on issue severity: Critical issues deduct 8 points, Major issues 5 points, Moderate issues 3 points, and Minor issues 2 points. The final score maps to grades from A+ (95-100) to F (0-39).

What is the difference between SEO Analyzer and Meta Tag Generator?

SEO Analyzer is an audit tool that analyzes existing websites for SEO issues. Meta Tag Generator is a creation tool that helps you build new meta tags from scratch with live previews. Use SEO Analyzer to find issues, then Meta Tag Generator to fix them.

Why should charset be first in the head?

The charset declaration must appear within the first 1024 bytes of HTML and before any content-containing elements. Placing it first ensures browsers interpret the document encoding correctly from the start, avoiding potential character encoding issues.

What is a good SEO score?

A score of 80+ (B+ or higher) indicates good SEO health. Scores 90+ (A or A+) indicate excellent optimization. Focus on fixing Critical and Major issues first to improve your score significantly.

Is my data sent to a server?

The analyzer fetches the target URL through a CORS proxy to retrieve the HTML, but all analysis happens 100% client-side in your browser. Your analysis results are never stored or transmitted.

Can I analyze any website?

You can analyze any publicly accessible website. Private or authenticated pages cannot be analyzed as the tool fetches the public HTML content.

How do I fix the issues found?

Each issue includes specific guidance on what to fix. For meta tag issues, use our Meta Tag Generator to create properly formatted tags. For head ordering issues, rearrange your HTML head section following the recommended order shown in the analysis.

SEO Analyzer
Audit Your Site's SEO & Performance

#1 tool for analyzing any URL for SEO issues, deprecated meta tags, and head tag ordering for optimal performance. Get actionable insights to improve search rankings and page load speed. 100% client-side. Zero data stored.

Modern SEO Best Practices Only

Analyze Website

Website URL

Press Enter to analyze

What We Analyze

Meta tags (title, description, OG, Twitter)
Head tag order for performance
Deprecated tags (keywords, generator, etc.)
Site resources (sitemap, robots, manifest)
Favicons and PWA readiness

Need to Create Meta Tags?

Use our Meta Tag Generator to create optimized meta tags with live previews.

Direct Link

Share analysis with ?url=domain.com

Site Resources

Favicon Analysis Generate Favicons

Web Manifest

Head Tag Order Analysis Why Order Matters

Enter a URL to analyze

We'll check meta tags, head order, and SEO best practices

SEO Score

Validation Results Why Order Matters

Discovered Meta Tags

Tag	Value	Status

Why Head Tag Order Matters for Performance

The order of tags in your <head> directly impacts how fast browsers render your page. Place critical tags first for optimal performance.

Strongly Recommended Order

These are million dollar performance tips. Buy us a Coffee for these!

<!DOCTYPE html>
<html lang="en">
    <head>

    <!-- 1. Charset & Viewport (The Physics) -->
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!-- 2. Title & Description (The Hook) -->
    <title>Page Title</title>
    <meta name="description" content="Your description here">

    <!-- 3. Canonical (The Source of Truth) -->
    <link rel="canonical" href="https://example.com/page">

    <!-- 4. Robots & Sitemap (The Map) -->
    <meta name="robots" content="index, follow">
    <link rel="sitemap" type="application/xml" href="/sitemap.xml">

    <!-- 5. Social Open Graph (The Share) -->
    <meta property="og:title" content="Page Title">
    <meta property="og:image" content="https://example.com/image.jpg">

    <!-- 6. Icons & Theme (The Look) -->
    <link rel="icon" type="image/svg+xml" href="/favicon.svg">
    <meta name="theme-color" content="#ffffff">

    <!-- 7. Preconnect (The Handshake) -->
    <link rel="preconnect" href="https://www.google-analytics.com">

    <!-- 8. Inline Analytics (The Blobs) -->
    <script>/* Clarity / PostHog / GTM Setup Blob */</script>
    <script async src="https://www.googletagmanager.com/gtag/js"></script>

    <!-- 9. Visuals (Stability First) -->
    <!-- Critical Layout Locks (Prevents Jumps) -->
    <!-- Inline styles strictly for reserving container space to prevent Cumulative Layout Shift (CLS) during load -->
    <style>
        #home.container-xl { max-width: 1280px; }
        @media (min-width: 992px) { .home-banner h1 { white-space: nowrap; } }
    </style>

    <!-- 10. Framework (The Foundation) -->
    <!-- Bootstrap Core: Loads the structural grid and utility classes. 'fetchpriority=high'-->
    <!-- signals the browser to prioritize this resource to paint the layout structure immediately -->
    <link rel="stylesheet" href="/css/bootstrap.css" fetchpriority="high">

    <!-- 11. Custom (The Identity) -->
    <!-- Site-Specific Overrides: Loads your branding, colors, and tailwind/custom rules.-->
    <!-- Placed *after* the framework to ensure your CSS rules correctly overwrite defaults via the cascade -->
    <link rel="stylesheet" href="/styles.css">

    <!-- 12. Logic (The Brains) -->
    <!-- 12a. Libraries (Dependencies First) -->
    <script src="/js/jquery-3.5.1.min.js" defer></script>
    <script src="/js/bootstrap.bundle.min.js" defer></script>

    <!-- 12b. Plugins (Visuals & Features) -->
    <script src="/js/nswf.min.js" defer></script>
    <script src="/js/headshot.js" defer></script>

    <!-- 12c. Execution (Your Custom Code) -->
    <script src="/js/theme.js" defer></script>
    <script src="/js/main.js" defer></script>

    <!-- 12d. Inline Config (Safe Wrapper) -->
    <script>
      // We wrap this in an event listener to ensure headshot.js (above) is loaded before this runs
      document.addEventListener('DOMContentLoaded', function() {
          if (typeof headshot !== 'undefined') {
              headshot.initializeHeadShot("headshotThumb", {
                  allowClickToChange: true,
                  borderRadius: true,
                  glowAlways: true,
                  glowColor: "#5439F8"
              });
          }
      });
    </script>

    <!-- 13. Structured Data (The Details) -->
    <script type="application/ld+json">{ "@context": "https://schema.org" }</script>
</head>

1. Charset & Viewport

Must be first. Defines how the browser reads text (Charset) and scales the window (Viewport). If these aren't first, mobile browsers delay rendering to guess the zoom level.

2. Title & Description

Search crawlers parse top-down. You want your identity established immediately so the browser knows what to display in the tab and history.

3. Canonical URL

Crucial for preventing "duplicate content" SEO penalties. It tells Google: "Even if this page was loaded via a weird link, THIS is the official URL."

4. Robots & Sitemap

Explicitly telling bots to "index, follow" is safer than assuming they will. The sitemap link here ensures bots find your deep content even if they miss robots.txt.

5. Social Open Graph

Crucial for link previews. Slack and LinkedIn bots give up quickly; placing these high ensures your image and title appear correctly when shared.

6. Icons & Theme

Defines the browser tab icon and mobile address bar color. Placing these early prevents the "default icon" flicker, but they are non-blocking.

7. Preconnect

Warms up connections to external servers (like Google/Clarity) while your HTML is still parsing. Saves ~300ms of latency when the scripts below finally run.

8. Inline Analytics

The "Blob" scripts go here. They initialize the data layer instantly and trigger the file download before CSS blocks the page, ensuring parallel loading.

9. Visuals (Stability First)

This is purely for CLS (Cumulative Layout Shift). We use inline styles to reserve space for the main container immediately so the page doesn't "jump" when CSS loads.

10. Framework (The Foundation)

Bootstrap/Tailwind core goes here. We use fetchpriority="high" because the browser must paint this layout before anything else. It is the "skeleton" of the page.

11. Custom (The Identity)

Your styles.css must come after the framework. This protects the "Cascade" (the C in CSS), allowing your custom branding to override framework defaults without using !important.

12a. Libraries (Dependencies)

Order Matters: Bootstrap 4/5 requires jQuery to run. By placing jQuery first and using defer on both, we guarantee jQuery loads before Bootstrap executes, preventing console errors.

12b. Plugins (Features)

We removed your "Lazy Load" hack. Using defer allows the browser to download these files in parallel with the HTML (faster) but waits to run them until the page is ready (safer).

12c. Execution (Custom)

Your custom logic (theme.js, main.js) comes last. This ensures that when your code tries to use jQuery or a plugin, those libraries are already loaded and waiting.

12d. Inline Config

Since we kept the Headshot config in the HTML, we wrapped it in DOMContentLoaded. This tells the code: "Wait until all deferred scripts (above) are finished before trying to run this."

13. Structured Data

Pure JSON-LD data for Google. It has zero visual impact. Placing it last ensures it doesn't delay the browser from fetching visual assets like CSS or images.

Common Use Cases

SEO Audits

Comprehensive analysis of any page's meta tags, structured data, and SEO best practices.

Competitor Analysis

See how competitors structure their meta tags and what SEO techniques they use.

Pre-Launch Checks

Verify all SEO requirements are met before launching a new website or page.

Performance Optimization

Fix head tag ordering to improve page load performance and Core Web Vitals.

Deprecated Tag Cleanup

Find and remove deprecated meta tags like keywords that can hurt your SEO.

Team Reviews

Share analysis results with your team using direct links with the URL parameter.

Frequently Asked Questions

Why We Built SEO Analyzer

SEO tools are often overwhelming, expensive, or require account creation. We wanted a simple, fast, privacy-focused tool that checks what actually matters: are your meta tags correct, is your head properly ordered for performance, and are you using any deprecated practices?

Many developers don't realize that head tag order impacts performance. Charset must be first. Viewport must be early for mobile. Title and description should come before stylesheets. These ordering mistakes can add hundreds of milliseconds to page load times - and hurt Core Web Vitals.

This SEO Analyzer runs 100% in your browser. Enter any URL and get instant analysis with actionable recommendations. No signup required. No data stored. Just useful insights to help you build better, faster websites.

Pair this tool with our Meta Tag Generator to create optimized meta tags with live previews showing exactly how they'll appear on Google, Facebook, and Twitter.

SEO Analyzer Audit Your Site's SEO & Performance