Media
5 items
Description
Audit the modern web stack. Compare SSR vs. CSR, trace redirect loops, and validate Schema all from the DOM. Most SEO extensions only read what's on the surface. DeepDOM goes into the root. Built for developers and technical SEOs, it bridges the gap between raw server responses and the final rendered state of modern JavaScript applications. 📊 Dashboard & Scoring - Overall SEO Score: Calculates a health score out of 100 based on the page's SEO setup. - Issue Detection: Automatically flags Critical Issues (e.g., missing canonical URL, missing language) and Warnings (e.g., missing alt tags, missing social meta). - Actionable Suggestions: Provides specific recommendations on how to fix detected SEO issues. 🏷️ Meta & Social Analysis - Common Meta Tags: Extracts and evaluates the page Title, Meta Description, Canonical URL, Robots directives, Doctype, and HTML Language. - Head vs. Body Validation [NEW]: Automatically detects if critical SEO tags (like `<title>`, `<meta>`, canonical) are incorrectly rendered inside the `<body>` instead of the `<head>`, preventing severe indexing issues. - Social Graph Data: Checks for Open Graph (Facebook/LinkedIn) and Twitter Card metadata (Titles, Descriptions, and Images) to ensure the page looks good when shared on social media. 📝 Headings Structure - Heading Hierarchy: Extracts all <h1> through <h6> tags and displays them in a structured, indented list. - H1 Validation: Specifically checks to ensure the page has exactly one <h1> tag (flagging if it's missing or if there are multiple). 🔗 Link Analysis & Status Checker [NEW] - Internal vs. External: Categorizes all links on the page into internal and external links. - Link Details & Filtering [NEW]: Lists every link's anchor text, URL, and flags if it uses the nofollow attribute. Easily filter by All, Internal, External, DoFollow, NoFollow, or Broken. - Broken Link Checker [NEW]: Run a real-time HTTP status check on up to 50 active links to immediately catch 404s, 500s, or broken URLs without leaving the extension. 🖼️ Image Auditing - Alt Text Checker: Identifies all images on the page and specifically flags those missing alt attributes (crucial for accessibility and SEO). - Image Sizing: Displays the rendered HTML size versus the actual natural size of the images. 📄 Content Statistics - Word Count & Ratio: Calculates the total word count and the Text-to-HTML ratio of the page. - Content Extraction: Previews paragraphs, bolded text, and HTML tables found on the page. 🗄️ Schema (JSON-LD) Viewer & Recommender [NEW] - Structured Data Detection: Finds and parses all JSON-LD structured data scripts on the page. - Interactive Viewer: Provides a collapsible, formatted JSON viewer to inspect the schema types (e.g., Article, Product, WebSite) with a quick "Copy" button. - Schema Recommendations [NEW]: Evaluates your on-page content and intelligently suggests additional Schema types that could benefit your rich snippets. ⚡ Core Web Vitals (CWV) - Performance Metrics: Measures real-time page performance metrics including: LCP (Largest Contentful Paint) CLS (Cumulative Layout Shift) FCP (First Contentful Paint) TTFB (Time to First Byte) 🔀 Redirect Tracing - Redirect Chains: Traces the HTTP redirect path taken to reach the current URL. - Loop Detection: Identifies infinite redirect loops. - Header Inspection: Shows status codes (e.g., 301, 302, 200) and response headers for each hop in the chain. 🖥️ Render Analysis (CSR vs SSR) - JavaScript Rendering Impact: Compares the raw HTML delivered by the server (SSR) against the final DOM rendered by JavaScript (CSR) in the browser. - Size Comparison: Shows the file size difference between the Raw HTML and Rendered DOM. - Element Breakdown: Provides a visual donut chart and breakdown of exactly how many links, images, headings, and paragraphs were rendered by the server versus the client. - On-Page Highlighting: Allows you to visually highlight elements directly on the live webpage to see which parts were Server-Side Rendered (SSR) vs. Client-Side Rendered (CSR). - Raw HTML Viewer: A quick button to open the raw, unexecuted source code in a new tab. 🛠️ Utilities, Accessibility & UI - Seamless Side Panel Integration [NEW]: DeepDOM now lives directly in Chrome's native Side Panel for a non-intrusive auditing experience workflow. - Auto-Updating Audit [NEW]: Data automatically refreshes anytime you change tabs or load a new page. - Export to PDF: Generates a clean, printable HTML/PDF report of the entire SEO audit. - Export/Copy JSON: Allows developers to download or copy the raw JSON data of the SEO analysis. - Dark/Light Mode: Toggleable UI themes that persist across sessions. - Color-Blind Mode: A special accessibility toggle that changes the standard Red/Green/Yellow status colors to a Protanopia/Deuteranopia-friendly palette (Orange/Blue/Purple).