accessibility
Audit and improve web accessibility following WCAG 2.2 guidelines. Use when asked to "improve accessibility", "a11y audit", "WCAG compliance", "screen reader…
Optimize for search engine visibility and ranking. Use when asked to "improve SEO", "optimize for search", "fix meta tags", "add structured data", "sitemap optimization", or "search engine optimization".
$ npx -y skills add addyosmani/web-quality-skills --skill seo --agent claude-codeHow it fires
How this skill gets triggered: by you, by Claude, or both.
/seoContext preview
The summary Claude sees to decide when to auto-load this skill.
Optimize for search engine visibility and ranking. Use when asked to "improve SEO", "optimize for search", "fix meta tags", "add structured data", "sitemap optimization", or "search engine optimization".
name: seo description: Optimize for search engine visibility and ranking. Use when asked to "improve SEO", "optimize for search", "fix meta tags", "add structured data", "sitemap optimization", or "search engine optimization". license: MIT metadata: author: web-quality-skills version: "2.0"
Search engine optimization based on Lighthouse SEO audits and Google Search guidelines. Focus on technical SEO, on-page optimization, and structured data.
When a rendered page is available:
1. Run live Lighthouse SEO and Agentic Browsing checks when that capability is available; with Chrome DevTools MCP, use `lighthouse_audit`. Use the results to localize rendered-page failures. 2. Inspect signals Lighthouse cannot establish on its own: response headers, redirects, `robots.txt`, sitemap coverage, canonical consistency across page templates, structured-data eligibility, and Search Console evidence when the user provides access. 3. Separate technical crawl/index findings from content quality and authority. Do not invent ranking-factor weights or promise ranking changes. 4. Fix the source and re-run the same checks. For indexation or ranking outcomes, report that search-engine validation remains pending.
If live tools are unavailable, use category-specific Lighthouse CLI output plus direct source and HTTP inspection. A Lighthouse SEO score covers a useful subset of technical checks; it is not a prediction of rankings.
| Area | What this skill can verify | |------|----------------------------| | Crawl and index controls | Technical configuration and consistency | | Rendered metadata and semantics | Presence, validity, and page-template issues | | Structured data | Syntax and eligibility signals, not guaranteed rich results | | Core Web Vitals | Link to measured field/lab evidence from the Core Web Vitals skill | | Content usefulness and authority | Review quality, but do not assign synthetic ranking percentages |
---
**robots.txt:**
# /robots.txt User-agent: * Allow: / # Block admin/private areas Disallow: /admin/ Disallow: /api/ Disallow: /private/ # Don't block resources needed for rendering # ❌ Disallow: /static/ Sitemap: https://example.com/sitemap.xml
**Meta robots:**
<!-- Default: indexable, followable --> <meta name="robots" content="index, follow"> <!-- Noindex specific pages --> <meta name="robots" content="noindex, nofollow"> <!-- Indexable but don't follow links --> <meta name="robots" content="index, nofollow"> <!-- Control snippets --> <meta name="robots" content="max-snippet:150, max-image-preview:large">
**Canonical URLs:**
<!-- Prevent duplicate content issues --> <link rel="canonical" href="https://example.com/page"> <!-- Self-referencing canonical (recommended) --> <link rel="canonical" href="https://example.com/current-page"> <!-- For paginated content --> <link rel="canonical" href="https://example.com/products"> <!-- Or use rel="prev" / rel="next" for explicit pagination -->
<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
<url>
<loc>https://example.com/</loc>
<lastmod>2024-01-15</lastmod>
<changefreq>daily</changefreq>
<priority>1.0</priority>
</url>
<url>
<loc>https://example.com/products</loc>
<lastmod>2024-01-14</lastmod>
<changefreq>weekly</changefreq>
<priority>0.8</priority>
</url>
</urlset>**Sitemap best practices:**
✅ Good URLs: https://example.com/products/blue-widget https://example.com/blog/how-to-use-widgets ❌ Poor URLs: https://example.com/p?id=12345 https://example.com/products/item/category/subcategory/blue-widget-2024-sale-discount
**URL guidelines:**
<!-- Ensure all resources use HTTPS --> <img src="https://example.com/image.jpg"> <!-- Not: --> <img src="http://example.com/image.jpg">
**Security headers for SEO trust signals:**
Strict-Transport-Security: max-age=31536000; includeSubDomains X-Content-Type-Options: nosniff X-Frame-Options: DENY
---
<!-- ❌ Missing or generic --> <title>Page</title> <title>Home</title> <!-- ✅ Descriptive with primary keyword --> <title>Blue Widgets for Sale | Premium Quality | Example Store</title>
**Title tag guidelines:**
Treat title-link rewriting separately from truncation. Google may build a different title link from the visible page title, headings, anchor text, and other sources even when the `<title>` is short; investigate accuracy and consistency rather than shortening it automatically. See [Google's title-link guidance](https://developers.google.com/search/docs/appearance/title-link).
<!-- ❌ Missing or duplicate --> <meta name="description" content=""> <!-- ✅ Compelling and unique --> <meta name="description" content="Shop premium blue widgets with free shipping. 30-day returns. Rated 4.9/5 by 10,000+ customers. Order today and save 20%.">
**Meta description guidelines:**
An (unofficial) measurement-first collection of Agent Skills for optimizing web projects with Google Lighthouse, Chrome DevTools for agents, Core Web Vitals, WCAG, and search guidance. Stack-agnostic.
Repo: addyosmani/web-quality-skills
Audit and improve web accessibility following WCAG 2.2 guidelines. Use when asked to "improve accessibility", "a11y audit", "WCAG compliance", "screen reader…
Apply modern web development best practices for security, compatibility, and code quality. Use when asked to "apply best practices", "security audit",…
Optimize Core Web Vitals (LCP, INP, CLS) for better page experience using field and lab evidence. Use when asked to "improve Core Web Vitals", "fix LCP",…
Optimize web performance for faster loading and better user experience. Use when asked to "speed up my site", "optimize performance", "reduce load time", "fix…
Run an evidence-led web quality audit covering performance, accessibility, SEO, best practices, and agentic browsing. Use when asked to "audit my site",…