On-Page SEO Auditor

On-page technical factors and semantic structure directly determine how search engines crawl, index, and rank your content. This free on-page auditor evaluates raw HTML or article source code in seconds—checking title and meta description lengths, canonical tags, H1–H6 heading hierarchy, image alt attributes, link hygiene, and target keyword placement. Everything runs privately inside your browser with zero server uploads.

How to use this on-page SEO auditor

1. Paste your HTML code into the source textarea. You can paste a complete HTML document with <!DOCTYPE html>, <head>, and <body> tags, or an exported article block directly from WordPress or your CMS editor.
2. Enter an optional target keyword to evaluate query placement across critical tags, including your title tag, H1 heading, meta description, image alt attributes, and body copy density.
3. Enter an optional target URL to check whether your <link rel="canonical"> tag points to the correct absolute address and uses secure HTTPS protocol.
4. Review your Overall Audit Score (0–100), letter grade (A through F), and individual pillar meter bars covering meta directives, heading structure, content depth, and media accessibility.
5. Filter detailed findings using the category pills (All, Issues Only, Meta & Head, Headings, Content, Media & Links, Keyword) to view specific technical recommendations and code snippets.
6. Click “Copy Audit Report” to export a structured Markdown summary of your audit results, pillar breakdown, and actionable fix checklist.

How the on-page audit score is calculated

The auditor computes a weighted composite score from 0 to 100 based on five foundational pillars of search engine optimization, plus an optional keyword alignment pillar when a target search query is supplied.

Audit Pillar	Standard Weight	With Keyword	Primary Technical Factors Evaluated
Meta & Search Directives	30%	25%	<title> presence & length (30–60 chars), <meta name="description"> (120–160 chars), canonical tag syntax, robots indexability, viewport configuration, and Open Graph tags.
Heading Architecture	25%	20%	Single <h1> validation, sequential heading level hierarchy (no skipped levels such as H1 to H3), and topical breakdown with <h2> subheadings.
Content Depth & Structure	25%	20%	Total word count thresholds (<150 thin, 150–350 short, 350–800 moderate, 800+ comprehensive), paragraph distribution, and text-to-code balance.
Media & Link Hygiene	20%	20%	Image alt attribute completeness (100% required for full points), anchor text descriptiveness, avoiding generic “click here” labels, and rel="noopener" on external links.
Keyword Optimization	—	15%	Target keyword placement in title, description, H1, H2, opening 100 words, and natural keyword density within the 0.5%–2.5% healthy frequency range.

Scores map to a 5-tier performance scale: Grade A (90–100) signifies an exceptionally optimized page; Grade B (75–89) indicates strong optimization with minor opportunities; Grade C (60–74) represents moderate technical gaps; Grade D (40–59) flags significant structural flaws; and Grade F (0–39) denotes severe technical impediments such as missing titles, multiple H1s, unindexed robots directives, or completely thin copy.

Core on-page SEO checks explained

Title tag & meta description boundaries

Search engine result pages allocate a fixed pixel width for snippet previews (roughly 600 pixels on Google desktop and 540 pixels on mobile devices). In character equivalents, title tags between 30 and 60 characters consistently display without awkward mid-sentence truncation. Meta descriptions between 120 and 160 characters provide sufficient room to articulate a compelling value proposition and clear call to action without being replaced by automated sentence fragments.

Heading hierarchy (H1 through H6)

Search crawlers use heading tags to understand the topical outline and relative importance of each section on a webpage. Every page should feature exactly one <h1> that mirrors the page’s core topic. Nesting headings sequentially (an H1 followed by H2s, and subtopics within an H2 organized under H3s) provides critical structural context for screen readers and search algorithms. Skipping heading levels (for example, placing an H4 directly beneath an H1 without intervening H2 and H3 elements) degrades accessibility and muddies topical relationships.

Canonical URLs & robots indexing directives

The <link rel="canonical"> tag instructs search engines which URL represents the authoritative master version of a document. It should always specify an absolute URL starting with https://. Inadvertent noindex directives in <meta name="robots"> tags represent one of the most destructive technical mistakes on the web, preventing search engines from displaying the page in organic search indexes entirely.

Image accessibility & alt text optimization

Every non-decorative image element must include an informative alt attribute. Screen reading software reads alt text aloud to visually impaired visitors, while search engines rely on alt text to understand the subject matter of illustrations, product screenshots, and infographic diagrams. Missing alt attributes cause accessible audits to fail and forfeit image search rankings.

Content depth & semantic relevance

Search engines favor pages that thoroughly resolve the searcher’s underlying intent. While raw word count is not a direct ranking factor in isolation, articles with fewer than 300 words frequently struggle to cover complex subjects in sufficient depth. The auditor analyzes word count in conjunction with paragraph distribution to verify that content is structured in readable, digestible paragraphs rather than monolithic blocks of unbroken text.

Link equity & anchor text quality

Links form the connective tissue of the web. Internal links guide crawlers through site architecture, distribute PageRank equity, and keep readers engaged. The auditor flags empty anchor links and generic phrases such as “click here” or “learn more”, encouraging descriptive anchor text that explains the linked resource’s actual content.

Target keyword placement & density heuristics

When you supply an optional target keyword, the auditor verifies prominent placement in high-leverage positions: the title tag, the H1 heading, the meta description, and the opening 100 words of body copy. Keyword density is evaluated on a natural 0.5% to 2.5% scale. Repeating a keyword excessively (>3.0% density) triggers a warning for potential keyword stuffing, which modern search algorithms penalize.

Worked audit examples

Audit Scenario	Score	Grade	Key Technical Findings	Main Recommendation
Optimized SaaS Strategy Guide	94	A	Single H1, optimal title (58 chars), 140-char meta description, canonical tag present, 4/4 images with descriptive alt text, 1,200 words.	Maintain current structure and update supporting statistics annually.
Draft Blog Post with Flaws	78	B	Title slightly long (68 chars), 1 of 3 images missing alt text, target keyword missing from first 100 words, valid H1 and H2 tags.	Trim title tag to 60 characters and add descriptive alt text to diagram image.
Skipped Headings & Thin Copy	58	C	H1 followed directly by H3, only 180 words, no meta description tag found, missing viewport tag.	Expand article depth to 600+ words, fix heading hierarchy, and add mobile viewport tag.
Over-Optimized Keyword Stuffed Page	46	D	Three separate H1 tags, 4.2% keyword density, generic “click here” link anchors, missing canonical link.	Consolidate into one primary H1, rewrite copy with natural synonyms to reduce density below 2.5%.

Technical limitations & privacy

• 100% Client-Side Execution: All HTML analysis occurs directly inside your local web browser using the native DOMParser interface. Your HTML markup and copy are never transmitted to external servers, logged in databases, or cached.
• Client-Side Rendering (CSR) Limitations: Because this auditor operates as a static client-side tool without a headless Chromium backend, it audits the raw HTML markup you paste. Single-page applications built with React, Vue, or Angular that rely on client-side JavaScript execution to inject headings, titles, or body content will only reflect elements present in the initial static source code.
• No Server Response Checks: The tool audits markup syntax and structure, but cannot verify live HTTP response status codes (such as 200 OK, 301 Redirects, or 404 Not Found) or SSL certificate validity without executing external network requests.
• Heuristic SERP Bounds: Title and description character boundaries (30–60 and 120–160 characters) represent reliable rules of thumb. Exact SERP cutoff points depend on proportional font rendering (e.g. wide capital letters versus narrow lowercase characters) and search engine display algorithms.

Frequently asked questions

Does this auditor work on HTML copied directly from WordPress?

Yes. You can paste a complete HTML page source code (right-click “View Page Source” in your browser) or the raw HTML block from the WordPress code editor. The tool automatically detects whether full document tags (<html> and <head>) or standalone content fragments are provided.

Why is having more than one H1 heading flagged as a warning?

While HTML5 specifications allow multiple H1 elements within distinct sectioning elements, the overwhelming consensus among SEO practitioners and accessibility specialists is to maintain exactly one distinct <h1> per page. A single H1 provides an unambiguous topical anchor for search crawlers and assistive technology users.

Can this tool crawl a live URL automatically?

No. To ensure absolute privacy, instant execution, and zero reliance on external proxy servers or network scrapers, this auditor runs entirely client-side. To audit a live webpage, simply view the page source, copy the HTML, and paste it into the editor.

What is the ideal keyword density for SEO copy?

A natural keyword density between 0.5% and 2.5% provides search engines with sufficient query signals without triggering algorithmic spam filters. In modern search optimization, focusing on semantic topical depth and answering related sub-questions is far more effective than forcing repeated exact-match keyword repetitions.

Why are my image alt tags flagged if images have filenames?

Image filenames (such as screenshot-1.png) are not a replacement for the alt attribute. The HTML standard requires an explicit alt="" attribute on all <img> tags so assistive screen readers and search bots can understand the visual content without relying on ambiguous file naming.

What does the “Copy Audit Report” button export?

The copy button exports a clean, structured Markdown summary of your audit score, letter grade, pillar metrics, content counts, and an itemized breakdown of every passed check, warning, and error alongside specific actionable recommendations.

Related SEO tools

• Meta Title & Description Generator — create and preview high-CTR meta tags with pixel-perfect SERP simulation
• SERP Snippet Preview — simulate Google desktop and mobile search snippets in real time
• Content Brief Generator — build structured search briefs with target headings and keyword coverage
• Schema Markup Generator — generate structured JSON-LD data for Articles, FAQs, and Products
• Canonical Checker — inspect and validate canonical link tags across your domain

Next step

Need comprehensive SEO optimization across your entire SaaS application or marketing site? Discover how mizanursguide.com assists fast-growing tech companies. Explore our SaaS promotion services to expand high-intent organic search traffic, scale conversion rates, and accelerate customer acquisition.