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

SEO Analyzer Tool

Analyze Website

Validate standalone display, scope, orientation, share_target, and dual-screenshot requirements for installable PWAs

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
  • Manifest: id, description, screenshots, scope

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

Enter a URL to analyze

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

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.

Need to generate new meta tags?

Use our Meta Tag Generator to create optimized meta tags with live previews for Google, Facebook, and Twitter.

Generate Meta Tags

Frequently Asked Questions

Why We Built SEO Analyzer

We eat our own dog food. After years of building websites and refining our internal SEO best practices, we decided to make the same tool we use ourselves available to everyone - completely free.

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.

But we didn't stop at analysis. Our new Download Fixed Code feature generates a ZIP file with surgically corrected versions of your files. We preserve your existing code and only make targeted fixes - removing deprecated tags and adding missing essentials. The ZIP includes your original files for easy comparison before deploying.

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.

Looking for more developer tools to streamline your workflow?

Explore our growing collection of free, privacy-focused utilities designed by developers, for developers.

Discover All RJL.io Tools