← Back to Features
Free

SEO Inspector

SEO Inspector provides an instant, comprehensive SEO audit of any webpage. Check meta tags (title, description, robots, canonical), heading hierarchy (H1–H6), OpenGraph and Twitter Card tags for social sharing, image alt text coverage, link analysis, and structured data — all in one organized, actionable report.

Good SEO requires checking dozens of on-page elements — meta tags, heading structure, social preview tags, image optimization, link health, and more. Most SEO tools require visiting a separate website, entering a URL, and waiting for a crawl. SEO Inspector runs directly in your browser on the current page, analyzing everything in real-time. The report is organized into clear sections: Meta Tags (with character counts and recommendations), Heading Hierarchy (with skipped-level warnings), Social Preview (showing exactly how the page appears on Facebook and Twitter), Images (flagging missing alt text), and Links (internal vs external count). Each issue is color-coded — green for pass, yellow for warning, red for error — so you can immediately prioritize fixes. Click any issue to highlight the relevant element on the page for quick identification.

Live Preview
example.com/blog/post
SEO Report Score: 78/100
Meta Tags
Title:How to Build... (58 chars)
Description:Learn the best... (142 chars)
Canonical:https://example.com/blog/post
Robots:missing
Heading Hierarchy
H1 How to Build a Chrome Extension
H2 Getting Started
H2 Project Structure
H4 Manifest File ⚠ skipped H3
H2 Publishing
Images (12 found)
9 images have alt text
3 images missing alt text
Key Features

Meta Tag Analysis

Shows title tag (with character count — optimal 50-60), meta description (optimal 150-160 chars), robots directive, canonical URL, viewport tag, and charset declaration. Flags missing or suboptimal values with specific recommendations.

Heading Hierarchy Check

Displays the complete H1–H6 heading structure in document order. Warns about missing H1, multiple H1s, skipped heading levels (H1 → H3 without H2), and empty heading tags. Each heading shows its text content.

Social Media Preview

Shows how the page will appear when shared on Facebook (OpenGraph tags: og:title, og:description, og:image) and Twitter (twitter:card, twitter:title, twitter:image). Renders a visual preview mockup for both platforms.

Image Alt Text Coverage

Scans every image on the page and reports the alt text coverage ratio (e.g., "9/12 images have alt text"). Lists all images missing alt attributes with links to highlight them on the page.

Link Analysis

Counts total links on the page, broken down by internal vs external. Identifies links with generic anchor text ("click here", "read more") that should be more descriptive for SEO. Flags nofollow vs dofollow ratios.

Color-Coded Scoring

Each check gets a color-coded status: green (pass), yellow (warning), red (error). An overall SEO score (0–100) summarizes the page's optimization level. Issues are prioritized by impact.

Common Use Cases

Pre-Launch SEO Checklist

Before launching a new page, run SEO Inspector to catch missing meta descriptions, absent OpenGraph images, broken heading hierarchies, and images without alt text. Fix these before search engines crawl the page.

Auditing Existing Pages

Run the inspector on your existing pages to find SEO issues that accumulated over time — outdated meta descriptions, broken canonical URLs, or heading structure that degraded during content updates.

Competitor SEO Analysis

Inspect competitor pages to see how they optimize their meta tags, what keywords they target in titles and descriptions, and how their heading structure organizes content.

Social Sharing Verification

Before sharing a page on social media, check the Social Preview section to verify the OpenGraph image, title, and description look correct. Catch missing og:image tags before the link is shared.

Content Writer SEO Guide

Content writers can run the inspector to verify their posts have proper heading hierarchy (H1 for title, H2 for sections, H3 for subsections), appropriate meta description length, and images with descriptive alt text.

How to Use
1

Activate SEO Inspector

Open the DevSuite Pro floating dock and click the SEO Inspector icon. The tool immediately scans the page's HTML for all SEO-related elements.

2

Review the SEO Report

A comprehensive report appears with sections for Meta Tags, Headings, Social Preview, Images, and Links. Each section shows pass/fail results with details.

3

Check the Score

The overall SEO score (0–100) gives a quick health indicator. Focus on red errors first, then yellow warnings, to improve the score.

4

Click Issues to Locate

Click any issue (missing alt text, broken heading hierarchy) to highlight the affected element on the page. Scroll to it automatically.

5

Fix & Re-Scan

Make fixes in your code, reload the page, and run SEO Inspector again to verify improvements. The score should increase as issues are resolved.

Ready to Try SEO Inspector?

Install DevSuite Pro for free and unlock 64+ developer tools for your browser.

Add to Chrome Add to Edge Add to FireFox