JavaScript Concept Page SEO Audit

Skill: SEO Audit for Concept Pages

Use this skill to perform a focused SEO audit on concept documentation pages for the 33 JavaScript Concepts project. The goal is to maximize search visibility for JavaScript developers.

When to Use

• Before publishing a new concept page
• When optimizing underperforming pages
• Periodic content audits
• After major content updates
• When targeting new keywords

Goal

Each concept page should rank for searches like:

• "what is [concept] in JavaScript"
• "how does [concept] work in JavaScript"
• "[concept] JavaScript explained"
• "[concept] JavaScript tutorial"
• "[concept] JavaScript example"

SEO Audit Methodology

Follow these five steps for a complete SEO audit.

Step 1: Identify Target Keywords

Before auditing, identify the keyword cluster for the concept.

Keyword Cluster Template

Step 2: On-Page SEO Audit

Check all on-page SEO elements systematically.

Step 3: Featured Snippet Optimization

Verify content is structured to win featured snippets.

Step 4: Internal Linking Audit

Check the internal link structure.

Step 5: Generate Report

Document findings using the report template.

Keyword Clusters by Concept

Use these pre-built keyword clusters for each concept.

<AccordionGroup>
  <Accordion title="Call Stack">
    | Type | Keywords |
    |------|----------|
    | Primary | JavaScript call stack, call stack JavaScript |
    | What is | what is the call stack in JavaScript |
    | How does | how does the call stack work |
    | Error | maximum call stack size exceeded, stack overflow JavaScript |
    | Visual | call stack visualization, call stack explained |
    | Interview | call stack interview questions JavaScript |
  </Accordion>

  <Accordion title="Primitive Types">
    | Type | Keywords |
    |------|----------|
    | Primary | JavaScript primitive types, primitives in JavaScript |
    | What are | what are primitive types in JavaScript |
    | List | JavaScript data types, types in JavaScript |
    | vs | primitives vs objects JavaScript |
    | typeof | typeof JavaScript, JavaScript typeof operator |
    | Interview | JavaScript types interview questions |
  </Accordion>

  <Accordion title="Value vs Reference Types">
    | Type | Keywords |
    |------|----------|
    | Primary | JavaScript value vs reference, pass by reference JavaScript |
    | What is | what is pass by value in JavaScript |
    | How does | how does JavaScript pass objects |
    | Comparison | value types vs reference types JavaScript |
    | Copy | how to copy objects JavaScript, deep copy JavaScript |
  </Accordion>

  <Accordion title="Type Coercion">
    | Type | Keywords |
    |------|----------|
    | Primary | JavaScript type coercion, type conversion JavaScript |
    | What is | what is type coercion in JavaScript |
    | How does | how does type coercion work |
    | Implicit | implicit type conversion JavaScript |
    | Explicit | explicit type conversion JavaScript |
    | Interview | type coercion interview questions |
  </Accordion>

  <Accordion title="Equality Operators">
    | Type | Keywords |
    |------|----------|
    | Primary | JavaScript equality, == vs === JavaScript |
    | What is | what is the difference between == and === |
    | Comparison | loose equality vs strict equality JavaScript |
    | Best practice | when to use == vs === |
    | Interview | JavaScript equality interview questions |
  </Accordion>

  <Accordion title="Scope and Closures">
    | Type | Keywords |
    |------|----------|
    | Primary | JavaScript closures, JavaScript scope |
    | What is | what is a closure in JavaScript, what is scope |
    | How does | how do closures work, how does scope work |
    | Types | types of scope JavaScript, lexical scope |
    | Use cases | closure use cases, why use closures |
    | Interview | closure interview questions JavaScript |
  </Accordion>

  <Accordion title="Event Loop">
    | Type | Keywords |
    |------|----------|
    | Primary | JavaScript event loop, event loop JavaScript |
    | What is | what is the event loop in JavaScript |
    | How does | how does the event loop work |
    | Visual | event loop visualization, event loop explained |
    | Related | call stack event loop, task queue JavaScript |
    | Interview | event loop interview questions |
  </Accordion>

  <Accordion title="Promises">
    | Type | Keywords |
    |------|----------|
    | Primary | JavaScript Promises, Promises in JavaScript |
    | What is | what is a Promise in JavaScript |
    | How to | how to use Promises, how to chain Promises |
    | Methods | Promise.all, Promise.race, Promise.allSettled |
    | Error | Promise error handling, Promise catch |
    | vs | Promises vs callbacks, Promises vs async await |
  </Accordion>

  <Accordion title="async/await">
    | Type | Keywords |
    |------|----------|
    | Primary | JavaScript async await, async await JavaScript |
    | What is | what is async await in JavaScript |
    | How to | how to use async await, async await tutorial |
    | Error | async await error handling, try catch async |
    | vs | async await vs Promises |
    | Interview | async await interview questions |
  </Accordion>

  <Accordion title="this Keyword">
    | Type | Keywords |
    |------|----------|
    | Primary | JavaScript this keyword, this in JavaScript |
    | What is | what is this in JavaScript |
    | How does | how does this work in JavaScript |
    | Binding | call apply bind JavaScript, this binding |
    | Arrow | this in arrow functions |
    | Interview | this keyword interview questions |
  </Accordion>

  <Accordion title="Prototypes">
    | Type | Keywords |
    |------|----------|
    | Primary | JavaScript prototype, prototype chain JavaScript |
    | What is | what is a prototype in JavaScript |
    | How does | how does prototype inheritance work |
    | Chain | prototype chain explained |
    | vs | prototype vs class JavaScript |
    | Interview | prototype interview questions JavaScript |
  </Accordion>

  <Accordion title="DOM">
    | Type | Keywords |
    |------|----------|
    | Primary | JavaScript DOM, DOM manipulation JavaScript |
    | What is | what is the DOM in JavaScript |
    | How to | how to manipulate DOM JavaScript |
    | Methods | getElementById, querySelector JavaScript |
    | Events | DOM events JavaScript, event listeners |
    | Performance | DOM performance, virtual DOM vs DOM |
  </Accordion>

  <Accordion title="Higher-Order Functions">
    | Type | Keywords |
    |------|----------|
    | Primary | JavaScript higher order functions, higher order functions |
    | What are | what are higher order functions |
    | Examples | map filter reduce JavaScript |
    | How to | how to use higher order functions |
    | Interview | higher order functions interview |
  </Accordion>

  <Accordion title="Recursion">
    | Type | Keywords |
    |------|----------|
    | Primary | JavaScript recursion, recursion in JavaScript |
    | What is | what is recursion in JavaScript |
    | How to | how to write recursive functions |
    | Examples | recursion examples JavaScript |
    | vs | recursion vs iteration JavaScript |
    | Interview | recursion interview questions |
  </Accordion>
</AccordionGroup>

Audit Checklists

Title Tag Checklist (4 points)

Scoring:

• 4/4: ✅ Excellent
• 3/4: ⚠️ Good, minor improvements possible
• 0-2/4: ❌ Needs significant work

Title Formula:

[Concept]: [What You'll Understand] in JavaScript

Good Examples:

Bad Examples:

Meta Description Checklist (4 points)

Description Formula:

[Action word] [what it is] in JavaScript. [Specific things they'll learn]: [topic 1], [topic 2], and [topic 3].

Good Examples:

Bad Examples:

Keyword Placement Checklist (5 points)

Keyword Placement Map:

┌─────────────────────────────────────────────────────────────────────────┐
│                         KEYWORD PLACEMENT                                │
├─────────────────────────────────────────────────────────────────────────┤
│                                                                          │
│  🔴 CRITICAL (Must have keyword)                                         │
│  ─────────────────────────────────                                       │
│  • title frontmatter                                                     │
│  • description frontmatter                                               │
│  • First paragraph (within 100 words)                                    │
│  • At least one H2 heading                                               │
│                                                                          │
│  🟡 RECOMMENDED (Include naturally)                                      │
│  ──────────────────────────────────                                      │
│  • "What you'll learn" Info box                                          │
│  • H3 subheadings                                                        │
│  • Key Takeaways section                                                 │
│  • First sentence after major H2s                                        │
│                                                                          │
│  ⚠️ AVOID                                                                │
│  ─────────                                                               │
│  • Same phrase >4 times per 1000 words                                   │
│  • Forcing keywords where pronouns work better                           │
│  • Awkward sentence structures to fit keywords                           │
│                                                                          │
└─────────────────────────────────────────────────────────────────────────┘

Content Structure Checklist (6 points)

Content Structure Template:

┌─────────────────────────────────────────────────────────────────────────┐
│                       IDEAL PAGE STRUCTURE                               │
├─────────────────────────────────────────────────────────────────────────┤
│                                                                          │
│  1. QUESTION HOOK (First 50 words)                                       │
│     "How does JavaScript...? Why do...?"                                 │
│                                                                          │
│  2. BRIEF ANSWER + CODE EXAMPLE (Words 50-200)                           │
│     Quick explanation + simple code demo                                 │
│                                                                          │
│  3. "WHAT YOU'LL LEARN" INFO BOX                                         │
│     5-7 bullet points                                                    │
│                                                                          │
│  4. PREREQUISITES WARNING (if applicable)                                │
│     Link to required prior concepts                                      │
│                                                                          │
│  5. MAIN CONTENT SECTIONS (H2s)                                          │
│     Each H2 answers a question or teaches a concept                      │
│     Include code examples, diagrams, tables                              │
│                                                                          │
│  6. COMMON MISTAKES / GOTCHAS SECTION                                    │
│     What trips people up                                                 │
│                                                                          │
│  7. KEY TAKEAWAYS                                                        │
│     8-10 numbered points summarizing everything                          │
│                                                                          │
│  8. TEST YOUR KNOWLEDGE                                                  │
│     5-6 Q&A accordions                                                   │
│                                                                          │
│  9. RELATED CONCEPTS                                                     │
│     4 cards linking to related topics                                    │
│                                                                          │
│  10. RESOURCES (Reference, Articles, Videos)                             │
│      MDN links, curated articles, videos                                 │
│                                                                          │
└─────────────────────────────────────────────────────────────────────────┘

Featured Snippet Checklist (4 points)

Featured Snippet Patterns:

┌─────────────────────────────────────────────────────────────────────────┐
│                     FEATURED SNIPPET FORMATS                             │
├─────────────────────────────────────────────────────────────────────────┤
│                                                                          │
│  QUERY TYPE             WINNING FORMAT         YOUR CONTENT              │
│  ───────────            ──────────────         ────────────              │
│                                                                          │
│  "What is X"            Paragraph              40-60 word definition     │
│                                                after H2, bold keyword    │
│                                                                          │
│  "How to X"             Numbered list          <Steps> component or      │
│                                                1. 2. 3. markdown         │
│                                                                          │
│  "X vs Y"               Table                  | Feature | X | Y |       │
│                                                comparison table          │
│                                                                          │
│  "Types of X"           Bullet list            - **Type 1** — desc       │
│                                                - **Type 2** — desc       │
│                                                                          │
│  "[X] examples"         Code block             ```javascript             │
│                         + explanation          // example code           │
│                                                                          │
└─────────────────────────────────────────────────────────────────────────┘

Definition Paragraph Example (40-60 words):

## What is a Closure in JavaScript?

A **closure** is a function that retains access to variables from its outer 
(enclosing) scope, even after that outer function has finished executing. 
Closures are created every time a function is created in JavaScript, allowing 
inner functions to "remember" and access their lexical environment.

(This is 52 words - perfect for a featured snippet)