SEO Master

Name: SEO Master
Availability: InStock
Author: JiawenZhu

Free Verified 78 lines By JiawenZhu SEO

Description

SEO optimization and auditing capabilities. Validates meta tags, structured data, and performance. Generates JSON-LD. Uses Lighthouse, React Helmet, and Next SEO best practices.

How It Works

Click to enlarge

What Claude Learns

→ 1. **Audit**: Check pages for missing titles, descriptions, canonicals, and alt text.
→ 2. **Implement**: Add `react-helmet-async` or Next.js `Metadata` to pages.
→ 3. **Structured Data**: Generate JSON-LD (FAQ, Article, Product, JobPosting) snippets.
→ 4. **Performance**: Analyze Core Web Vitals (LCP, CLS, INP) concepts.

Installation

1. Visit the GitHub repository: https://github.com/JiawenZhu/CareerVivid
2. Copy the SKILL.md file contents
3. Save to ~/.claude/commands/skill-name.md
4. Restart Claude Code to load the new skill

Use Cases

1. Audit: Check pages for missing titles, descriptions, canonicals, and alt text.

2. Implement: Add `react-helmet-async` or Next.js `Metadata` to pages.

3. Structured Data: Generate JSON-LD (FAQ, Article, Product, JobPosting) snippets.

4. Performance: Analyze Core Web Vitals (LCP, CLS, INP) concepts.

Related Skills

Frequently Asked Questions

How detailed is the SEO Master skill?

SEO Master contains 78 lines of structured instructions covering 4 key areas. It provides focused guidance including specific implementation patterns, not just surface-level tips.

Is SEO Master free to use?

Yes, SEO Master is completely free. You can download the SKILL.md file or copy it to your clipboard directly from the skill page.

What will Claude Code learn from this skill?

Claude Code will gain expertise in: 1. **Audit**: Check pages for missing titles, descriptions, canonicals, and alt text.; 2. **Implement**: Add `react-helmet-async` or Next.js `Metadata` to pages.; 3. **Structured Data**: Generate JSON-LD (FAQ, Article, Product, JobPosting) snippets.; and 1 more areas.

Download SKILL.md GitHub

---
name: seo-master
description: "SEO optimization and auditing capabilities. Validates meta tags, structured data, and performance. Generates JSON-LD. Uses Lighthouse, React Helmet, and Next SEO best practices."
---

# SEO Master - Search Engine Optimization Intelligence

Expert knowledge for auditing, implementing, and fixing SEO in React and Next.js applications.

## Capabilities

1.  **Audit**: Check pages for missing titles, descriptions, canonicals, and alt text.
2.  **Implement**: Add `react-helmet-async` or Next.js `Metadata` to pages.
3.  **Structured Data**: Generate JSON-LD (FAQ, Article, Product, JobPosting) snippets.
4.  **Performance**: Analyze Core Web Vitals (LCP, CLS, INP) concepts.

## Audit Checklist (The "SEO 100")

When asked to "audit" or "check SEO", verify:

### 1. Essential Tags
- [ ] `` exists, unique, and optimal length (30-60 chars)
- [ ] `` exists, unique, (50-160 chars)
- [ ] `` points to the correct self-referencing URL
- [ ] `` is valid (index, follow usually)

### 2. Social Meta (Open Graph / Twitter)
- [ ] `og:title`, `og:description`, `og:image`, `og:url`, `og:type`
- [ ] `twitter:card` (summary_large_image preferred)

### 3. Content & Structure
- [ ] Only one `` per page
- [ ] Correct heading hierarchy (h1 -> h2 -> h3)
- [ ] Images have descriptive `alt` attributes
- [ ] Links have descriptive text (not "click here")

### 4. Technical
- [ ] **Sitemap**: `sitemap.xml` exists
- [ ] **Robots**: `robots.txt` exists and doesn't block critical resources
- [ ] **Structured Data**: Valid JSON-LD present for rich results

## Implementation Patterns

### React (SPA) - React Helmet Async
```tsx
import { Helmet } from 'react-helmet-async';

Page Title

```

### Next.js (App Router) - Metadata
```tsx
import type { Metadata } from 'next';

export const metadata: Metadata = {
  title: 'Page Title',
  description: 'Page description.',
  alternates: {
    canonical: 'https://site.com/page',
  },
  openGraph: { ... },
};
```

## Tools Usage

### Running Lighthouse
To run a quick audit on a deployed or local URL:
```bash
npx lighthouse  --view --output html --output-path ./report.html
```

### Validating Structured Data
Recommend using [Schema.org Validator](https://validator.schema.org/) or [Google Rich Results Test](https://search.google.com/test/rich-results).

Description

How It Works

What Claude Learns

Installation

Use Cases

1. **Audit**: Check pages for missing titles, descriptions, canonicals, and alt text.

2. **Implement**: Add `react-helmet-async` or Next.js `Metadata` to pages.

3. **Structured Data**: Generate JSON-LD (FAQ, Article, Product, JobPosting) snippets.

4. **Performance**: Analyze Core Web Vitals (LCP, CLS, INP) concepts.

Related Skills

Web Performance Optimization

SEO Skill PRP

SEO Ready

SEO Full Workflow

Frequently Asked Questions

AI Marketing Skills Newsletter

1. Audit: Check pages for missing titles, descriptions, canonicals, and alt text.

2. Implement: Add `react-helmet-async` or Next.js `Metadata` to pages.

3. Structured Data: Generate JSON-LD (FAQ, Article, Product, JobPosting) snippets.

4. Performance: Analyze Core Web Vitals (LCP, CLS, INP) concepts.