TOAD: Page Auditor

About

Programmatically audits SEO metadata, robots directives, and structured data directly from the DOM for technical validation and inspection.

TOAD (Technical On-page Audit Dashboard) is a lightweight developer tool designed to surface and structure key on-page signals that impact indexing, rendering, and social sharing. Built for SEO engineers, QA testers, and frontend developers, TOAD enhances visibility into the HTML head and structured data layers of any page.

This extension scans the current DOM context on click to extract, classify, and display technical SEO signals including:

Key Features:

Metadata Extraction and Normalization
★ Extracts SEO tags: <title>, meta description, canonical, meta robots, and X-Robots-Tag (when available)
★ Normalizes values for consistent auditing across templates and pages

Structured Data Audit (JSON-LD)
★ Detects <script type="application/ld+json"> blocks
★ Extracts @type values and matches them against the latest schema.org vocabulary
★ Uses a locally cached schema catalog (refreshed every 7 days)

Social Tag Inspection
★ Detects Open Graph tags: og:title, og:image, og:description, etc.
★ Detects Twitter Card tags: twitter:title, twitter:card, etc.
★ Flags missing or misconfigured tags affecting social previews

Popup UI Panel
★ Groups metadata into SEO, Social, Robots, and Schema sections
★ Displays present, missing, and malformed tags
★ Designed for quick readability and high visibility in audits

Schema Catalog Sync
★ Fetches the latest schema.org type catalog from schema.org on install/startup
★ Cached locally via chrome.storage
★ Enables schema validation without external network calls during audits

Schema Catalog Sync
★ Fetches the latest schema.org type catalog from schema.org on install/startup
★ Cached locally via chrome.storage
★ Enables schema validation without external network calls during audits

Markdown Detection & Cost Preview 
★ Checks page for Markdown availability via Accept: text/markdown 
★ Estimates token count to highlight potential AI cost savings 
★ Provides Markdown preview so users can see exactly what agents receive

✅ Use Cases

• Validate SEO and metadata on production and staging pages
• Check canonical and robots directives in real time
• Audit Open Graph and Twitter Cards for completeness
• Parse and classify structured data types on the fly
• QA test metadata templates in CMS environments
• Run audits on localhost, staging, or IP-restricted pages