Introduction

WatchThis is a free developer tool that compares a page's raw HTML with its JavaScript-rendered DOM to uncover SEO issues that only appear when content is loaded dynamically.

Why WatchThis?

Modern web applications rely heavily on JavaScript to render content. While Google can execute JavaScript and render pages, there's often a gap between what's in your initial HTML and what appears after JavaScript runs. This gap can cause:

  • Missing or incorrect meta tags in the initial HTML
  • Content that's invisible until JavaScript executes
  • Heading tags and internal links added only client-side
  • Structured data injected after page load
  • Canonical URLs or robots directives set too late

These issues can hurt your search rankings because crawlers may not wait for JavaScript to finish, or they may index the wrong version of your content.

What WatchThis Does

WatchThis performs three key steps:

  1. Fetches your raw HTML — exactly what a basic crawler sees on first contact
  2. Renders the page with JavaScript — executes all scripts in a real browser environment and waits for the DOM to settle
  3. Compares the two snapshots — diffs critical SEO elements and flags discrepancies with severity levels (info, warning, critical)

You get a detailed report showing side-by-side comparisons of title tags, meta descriptions, canonical URLs, headings, link counts, structured data, and more.

Who Should Use WatchThis?

  • Frontend developers building single-page applications (React, Vue, Angular, Svelte)
  • SEO professionals auditing JavaScript-heavy sites
  • Technical SEO consultants diagnosing indexing issues
  • Product teams ensuring new features don't break discoverability

Quick Start

Ready to check your site? Head to the JavaScript SEO Checker tool, enter your URL, and get results in ~30 seconds.

For a deeper dive, continue to Getting Started.