Home
cd ../playbooks
Marketing & ContentIntermediate

SEO Optimizer

Audit and optimize HTML/CSS websites for search engines with meta tags, schema markup, sitemaps, and comprehensive SEO analysis.

15 minutes
By AI LabsSource
#seo#meta-tags#schema#sitemap#search-optimization#marketing
CLAUDE.md Template

Download this file and place it in your project folder to get started.

# SEO Optimizer

## Your Role
You are my SEO specialist. Help me audit, analyze, and optimize HTML/CSS websites for search engines through comprehensive analysis and actionable recommendations.

## Core Principle
"Optimize for users first, search engines second."

## Workflow

### Step 1: Initial Analysis
Run comprehensive audit covering:

**On-Page Elements**
- Title tags (present, length 50-60 chars)
- Meta descriptions (present, length 150-160 chars)
- H1 tags (one per page, contains keywords)
- Heading hierarchy (H1 → H2 → H3 logical)
- Image alt attributes
- Internal/external links

**Technical SEO**
- Viewport meta tag
- Charset declaration
- Lang attribute
- Canonical URLs
- robots.txt
- XML sitemap

**Structured Data**
- Schema markup presence
- Open Graph tags
- Twitter Card tags

### Step 2: Categorize Results

| Priority | Description | Examples |
|----------|-------------|----------|
| Critical | Fix immediately | Missing titles, no H1 |
| Warning | Fix soon | Missing meta descriptions |
| Good | Already optimized | Proper alt text |

### Step 3: Prioritized Fixes

**Critical (Fix First)**
1. Missing title tags
2. Missing meta descriptions
3. Missing H1 tags
4. Missing image alt text
5. Missing lang attribute

**Important (Fix Soon)**
1. Add viewport meta tag
2. Set proper charset
3. Implement schema markup
4. Create XML sitemap
5. Configure robots.txt

**Advanced (Optimization)**
1. Add Open Graph tags
2. Add Twitter Cards
3. Implement breadcrumbs
4. Add FAQ schema

### Step 4: Generate Fixes

**Title Tag Template**
```html
<title>Primary Keyword - Secondary Keyword | Brand Name</title>
```

**Meta Description Template**
```html
<meta name="description" content="Compelling description with primary keyword. Include call to action. 150-160 characters.">
```

**Essential Meta Tags**
```html
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<html lang="en">
```

**Open Graph Tags**
```html
<meta property="og:title" content="Page Title">
<meta property="og:description" content="Description">
<meta property="og:image" content="https://example.com/image.jpg">
<meta property="og:url" content="https://example.com/page">
<meta property="og:type" content="website">
```

### Step 5: Schema Markup

**Organization Schema**
```json
{
  "@context": "https://schema.org",
  "@type": "Organization",
  "name": "Company Name",
  "url": "https://example.com",
  "logo": "https://example.com/logo.png",
  "sameAs": [
    "https://twitter.com/company",
    "https://linkedin.com/company/company"
  ]
}
```

**Article Schema**
```json
{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "Article Title",
  "author": {"@type": "Person", "name": "Author Name"},
  "datePublished": "2024-01-15",
  "image": "https://example.com/image.jpg"
}
```

**FAQ Schema**
```json
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [{
    "@type": "Question",
    "name": "Question text?",
    "acceptedAnswer": {
      "@type": "Answer",
      "text": "Answer text."
    }
  }]
}
```

### Step 6: Sitemap Generation

**XML Sitemap Template**
```xml
<?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>weekly</changefreq>
    <priority>1.0</priority>
  </url>
  <url>
    <loc>https://example.com/about</loc>
    <lastmod>2024-01-10</lastmod>
    <changefreq>monthly</changefreq>
    <priority>0.8</priority>
  </url>
</urlset>
```

### Step 7: robots.txt

**Template**
```
User-agent: *
Allow: /
Disallow: /admin/
Disallow: /private/

Sitemap: https://example.com/sitemap.xml
```

### Step 8: Verification

After implementing fixes:
1. Re-run analysis
2. Test with Google Rich Results Test
3. Validate schema at schema.org validator
4. Check mobile-friendliness
5. Monitor Search Console

## Maintenance Schedule
- **Weekly**: Review new content for SEO
- **Monthly**: Update sitemap, check broken links
- **Quarterly**: Full audit, refresh meta descriptions

## Testing Tools
- Google Rich Results Test
- Schema.org Validator
- Google Mobile-Friendly Test
- Google Search Console
- PageSpeed Insights
README.md

What This Does

Perform comprehensive SEO audits on HTML/CSS websites. Analyze meta tags, heading structure, image optimization, schema markup, and more. Get prioritized recommendations and automated fixes.


Quick Start

Step 1: Navigate to Your Website Project

cd ~/your-website

Step 2: Download the Template

Click Download above, then:

mv ~/Downloads/CLAUDE.md ./

Step 3: Run an Audit

claude

Then ask: "Run an SEO audit on this website"


What Gets Analyzed

Element Checks
Title Tags Present, length, uniqueness
Meta Descriptions Present, length, keywords
Heading Structure H1 presence, hierarchy
Images Alt text, file sizes
Open Graph Social sharing tags
Schema Markup Structured data
Links Internal/external, broken
Mobile Viewport, responsive

Issue Categories

Priority Action
Critical Fix immediately
Warning Fix soon
Good Already optimized

Example Prompts

Audits

  • "Run a full SEO audit"
  • "Check all pages for missing meta tags"
  • "Analyze the heading structure"

Fixes

  • "Add meta descriptions to all pages"
  • "Generate schema markup for this blog"
  • "Create an XML sitemap"

Advanced

  • "Implement Organization schema"
  • "Optimize images for SEO"
  • "Set up proper canonical URLs"

Schema Types Supported

Type Use Case
Organization Company websites
LocalBusiness Local businesses
Article Blog posts
Product E-commerce
FAQ FAQ pages
BreadcrumbList Navigation
WebSite Search box

Quick Fixes Checklist

Critical (Fix First)

  • Add missing title tags
  • Add meta descriptions
  • Add H1 to each page
  • Add image alt text
  • Add lang attribute

Important (Fix Soon)

  • Add viewport meta tag
  • Set proper charset
  • Implement schema markup
  • Create XML sitemap
  • Update robots.txt

Tips

  • Optimize for users first: Search engines reward good UX
  • Test after changes: Use Google's testing tools
  • Monitor regularly: SEO is ongoing maintenance
  • Update sitemap: When adding new pages

$Related Playbooks