← ClaudeAtlas

seo-fundamentalslisted

Auto-invoke when reviewing HTML head, meta tags, or Next.js page components. Enforces semantic HTML and search optimization.
aiskillstore/marketplace · ★ 329 · Web & Frontend · score 79
Install: claude install-skill aiskillstore/marketplace
# SEO Fundamentals Review > "Good SEO is good UX. If search engines can't understand your page, users might not find it." ## When to Apply Activate this skill when: - Reviewing HTML `<head>` sections - Seeing meta tags in code - Next.js/Remix page components - HTML structure with headings - Any page that should be indexed --- ## The SEO Checklist ### Must Have (Every Page) - [ ] **Title tag** — 50-60 characters, unique per page - [ ] **Meta description** — 150-160 characters, compelling - [ ] **Single H1** — One per page, describes main content - [ ] **Logical heading hierarchy** — H1 → H2 → H3 (no skipping) - [ ] **Semantic HTML** — `<header>`, `<main>`, `<nav>`, `<article>`, `<footer>` - [ ] **Image alt text** — Descriptive, not "image1.jpg" ### Should Have (Marketing Pages) - [ ] **Open Graph tags** — og:title, og:description, og:image - [ ] **Twitter Card** — twitter:card, twitter:title - [ ] **Canonical URL** — Prevent duplicate content issues - [ ] **Structured data** — JSON-LD for rich snippets ### Performance (Affects SEO) - [ ] **Core Web Vitals awareness** - LCP (Largest Contentful Paint) < 2.5s - FID (First Input Delay) < 100ms - CLS (Cumulative Layout Shift) < 0.1 --- ## Common Mistakes (Anti-Patterns) ### 1. Multiple H1 Tags ```html <!-- ❌ BAD: Multiple H1s confuse search engines --> <h1>Welcome</h1> <h1>Our Products</h1> <h1>Contact Us</h1> <!-- ✅ GOOD: One H1, logical hierarchy --> <h1>Welcome to Our Store</h1> <h2>Our Products</h2> <h2>Co