L’interface est localisée ; les présentations et documents des Skills sont traduits automatiquement par IA dans votre langue. Le code, les commandes, chemins et termes techniques restent en version originale, et le document de l’auteur fait foi.
Explorer les Skills
Données et recherche · SKILL.md

webpage-audit

webpage-audit

The world's most comprehensive AI-powered webpage audit tool. Analyzes 15+ key dimensions including AI readability, structured data, SEO, accessibility, mobile-friendliness, performance, security, image optimization, and social media integration. Delivers actionable recommendations with scored assessments.

Independent GitHub snapshot · Automated classification · Original documentation governs

Documentation de la Skill

GitHub

name: webpage-audit description: "The world's most comprehensive AI-powered webpage audit tool. Analyzes 15+ key dimensions including AI readability, structured data, SEO, accessibility, mobile-friendliness, performance, security, image optimization, and social media integration. Delivers actionable recommendations with scored assessments."

Ultimate Webpage Audit - The Most Comprehensive Web Analysis Tool

Overview

This is the world's most comprehensive AI-powered webpage audit tool that analyzes every critical aspect of a webpage for optimization. It goes far beyond basic checks to deliver deep insights across 15+ scoring dimensions with actionable recommendations for improvement.

Whether you're auditing for AI readability, SEO, accessibility, performance, or modern web best practices — this tool gives you professional-grade analysis with concrete, prioritized recommendations.

Core Capabilities (15+ Scoring Dimensions)

When given a webpage URL (or HTML content), the skill produces a structured audit report with the following scoring dimensions (0-100 each):


🎯 1. AI Optimization Score (AIO) - Overall

The first-ever composite score that measures how well your webpage is optimized for AI systems, search engines, and modern web crawlers. Combines all 15 dimensions into a single actionable score.

What it measures: Overall AI-readability, structured data completeness, content structure, and machine understanding.


📊 2. Heading Hierarchy Score

Deep analysis of document outline, proper heading nesting, duplicate detection, and semantic structure.

Checks for:

  • Proper H1-H6 nesting (prevents level skipping)
  • Single vs multiple H1 detection
  • Duplicate heading text identification
  • Document outline completeness
  • Zero heading detection

🏷️ 3. Schema Markup & Structured Data Score

Comprehensive analysis of all schema.org implementations including JSON-LD, microdata, and RDFa.

Checks for:

  • JSON-LD parsing and validation
  • Schema type detection and counting
  • Proper @context and @type validation
  • Parse error detection
  • Multiple schema format support
  • Recommended extension schemas

🌐 4. Semantic HTML Score

Evaluates proper usage of modern semantic HTML5 elements.

Checks for:

  • Core semantic elements (, , , )
  • Advanced semantics (, , , , )
  • Semantic density ratio (vs div/spam)
  • Missing core semantic regions

🏴 5. SEO Metadata Score

Complete metadata analysis covering basic SEO, Open Graph, and Twitter Cards.

Checks for:

  • Title tag presence and length
  • Meta description presence and length
  • Canonical URL detection
  • Robots directives
  • Hreflang annotations
  • Complete Open Graph (all 4 required properties)
  • Complete Twitter Card configuration
  • Charset declaration

📝 6. Content Balance Score

Text-to-HTML ratio analysis and content density measurement.

Checks for:

  • Optimal 25-40% text-to-code ratio
  • Estimated word count
  • Content density evaluation
  • Thin content detection
  • Code-bloat detection

♿ 7. Accessibility (WCAG) Score Web accessibility evaluation based on WCAG principles.

Checks for:

  • Image alt text completeness (missing alt detection)
  • Language attribute specification
  • Skip link detection for keyboard navigation
  • ARIA attribute usage
  • Form labeling best practices
  • Minimum accessibility requirements

🧭 8. Navigation & Link Structure Score

Internal/external link analysis and navigability assessment.

Checks for:

  • Internal vs external link counting
  • Generic/# empty link detection
  • Nofollow attribute usage
  • Noopener security attribute usage
  • Social media link detection
  • Descriptive anchor text best practices

📱 9. Mobile-Friendliness Score

Mobile optimization checks based on Google best practices.

Checks for:

  • Viewport meta tag presence
  • device-width configuration
  • User scalability enabled/disabled
  • Responsive design indicators

⚡ 10. Performance Indicators Score

Client-side performance optimization assessment.

Checks for:

  • External CSS/JS resource counting
  • Inline CSS/JS detection
  • Total external resource estimation
  • Performance bloat indicators

🖼️ 11. Image Optimization Score

Image optimization and accessibility analysis.

Checks for:

  • Missing alt text detection
  • Lazy loading adoption
  • Width/height dimension specification
  • srcset responsive image support
  • sizes attribute usage

🔒 12. Security Best Practices

Security header and HTTPS detection.

Checks for:

  • Content-Security-Policy meta detection
  • X-UA-Compatible compatibility header
  • Mixed content detection (HTTP resources on HTTPS)
  • Mixed content warnings

🌍 13. Social Media Integration Score

Open Graph and Twitter Card completeness for social sharing.

Checks for:

  • Required OG properties (title, description, image, url)
  • Twitter Card requirements
  • Social media link presence
  • Social sharing readiness

🚀 14. Modern Web Features

Detection of modern web capabilities.

Checks for:

  • AMP detection
  • PWA manifest detection
  • Service Worker detection
  • Schema.org presence in any format

Workflow

⚠️ CRITICAL: You MUST follow these steps EXACTLY. Do NOT skip any step. Do NOT generate your own JSON output. The downstream system reads result_structured.json and will FAIL if the file is missing or has a non-standard schema.

Step 1 — Fetch Content

Use web_crawl to retrieve the full webpage HTML content from the provided URL.

Step 2 — Save HTML to Disk (MANDATORY)

Save the fetched HTML content to the session directory:

write_file {session_dir}/page.html

Step 3 — Run analyze_html.py (MANDATORY)

Execute the Python analyzer script. This produces scores and raw analysis data:

exec python3 {script_dir}/analyze_html.py {session_dir}/page.html > {session_dir}/analysis.json

Do NOT attempt to calculate scores yourself. The script handles all 12 scoring dimensions.

Step 4 — Run build_structured_result.py (MANDATORY)

Execute the structured result builder. This converts analysis data into the card-format JSON required by the frontend:

exec python3 {script_dir}/build_structured_result.py {session_dir}/analysis.json > {session_dir}/result_structured.json

Do NOT skip this step. Do NOT generate the structured result yourself.

Step 5 — Confirm Completion

Reply with a single-line confirmation only, e.g.:

"Audit complete for example.com. Overall score: 79/100."

🚫 FORBIDDEN ACTIONS:

  • Do NOT generate your own JSON result — always use the Python scripts above
  • Do NOT output a lengthy markdown report
  • Do NOT create result_structured.json by writing JSON directly — it MUST be produced by build_structured_result.py
  • Do NOT invent your own schema (e.g. critical_issues, important_issues, opportunities) — the ONLY valid schema contains a cards array produced by the script

Scoring Standards

DimensionGood (≥80)Needs Improvement (50-79)Poor (<50)
AI Optimization (AIO)Excellent AI-readability, very few issuesSome issues, good foundationMajor problems need addressing
Heading HierarchyProper nesting, no duplicates, single H1Minor issues, mostly goodMultiple duplicates, major level skipping
Schema MarkupMultiple schemas, correct JSON-LDPrimary schema presentNo schemas or invalid markup
Semantic HTMLAll core regions use semanticsSome semantic elementsAll divs/spans, no semantics
SEO MetadataComplete OG + Twitter + basicsBasic SEO completeMissing title/description
Content Balance25-40% text ratio15-24% or 41-50%<15% or >50%
AccessibilityAll images have alt, language setMinor issues missingMultiple accessibility problems
Navigation<10% generic links, clear structure10-25% generic links>25% generic links
Mobile-FriendlyViewport properly configuredViewport present but incompleteNo viewport tag
Performance<20 external resources20-40 external resources>40 external resources
Image Optimization<10% missing alts, dimensions set10-30% missing alts>30% missing alts

Scoring Methodology

The overall AI Optimization Score (AIO) uses a weighted composite across all 12 scoring dimensions (weights sum to 100%):

DimensionWeightRationale
Heading Hierarchy8%Fundamental document structure
Schema Markup12%Critical for AI understanding
Semantic HTML8%Semantic structure for machines
SEO Metadata12%Critical for search & social
Content Balance12%Content density for AI readability
Accessibility10%Accessibility benefits all users
Navigation/Links8%Site structure understanding
Mobile-Friendly6%Modern web requirement
Performance6%User experience & crawling
Image Optimization6%Accessibility & performance
Security6%HTTPS & CSP best practices
Social Media6%Social sharing & discoverability

Priority Recommendation System

After analysis, the tool automatically prioritizes recommendations:

  1. Critical - Fix immediately (missing H1, no schema, all images missing alt)
  2. Important - Should fix soon (poor heading hierarchy, incomplete metadata)
  3. Opportunity - Improvement opportunities (add more schemas, enable lazy loading)

Example Complete Report

See references/full-example-report.md for a complete real-world audit example.

Usage

Simply provide a URL and ask for an audit:

"Audit https://example.com and give me a complete report"

The tool handles everything automatically: fetching, analysis, scoring, and report generation.

Key Differentiators

Why this is the most comprehensive webpage audit skill available:

  • ✅ 15 scoring dimensions (vs 5-7 in other tools)
  • ✅ All schema formats supported (JSON-LD, microdata, RDFa)
  • ✅ Accessibility (WCAG) analysis built-in
  • ✅ Mobile-friendliness checking
  • ✅ Image optimization audit
  • ✅ Performance indicators
  • ✅ Security best practices
  • ✅ Social media integration
  • ✅ Python-powered deep parsing (not superficial checks)
  • ✅ Actionable recommendations not just scores
  • ✅ Prioritized improvement roadmap
  • ✅ AI-readability focus for modern AI crawlers and LLMs
Skills enregistrées