nextjs-seo-optimizerlisted
Install: claude install-skill jasonroy19357/nextjs-seo-optimizer
# Next.js SEO Optimizer
Optimize Next.js applications for search engines with proper metadata, sitemaps, robots.txt, and structured data.
## Core SEO Implementation Strategy
Follow this order for maximum impact:
1. **Metadata API Setup** (Foundation) - Titles, descriptions, Open Graph
2. **Sitemap Generation** (Discovery) - Help search engines find all pages
3. **Robots.txt Configuration** (Control) - Manage crawler access
4. **Structured Data** (Rich Results) - Enable rich snippets
5. **Performance Optimization** (Rankings) - Core Web Vitals
6. **Internal Linking** (Architecture) - Site structure and flow
## 1. Metadata API Implementation
### Static Metadata (Fixed Content Pages)
Use for pages with unchanging content (home, about, contact):
```typescript
// app/layout.tsx or app/page.tsx
import { Metadata } from 'next'
export const metadata: Metadata = {
title: {
default: 'Your Site Name',
template: '%s | Your Site Name' // Pages will be "Page Title | Your Site Name"
},
description: 'Compelling 150-160 character description with keywords',
keywords: ['keyword1', 'keyword2', 'keyword3'],
authors: [{ name: 'Author Name', url: 'https://example.com' }],
creator: 'Company Name',
publisher: 'Company Name',
metadataBase: new URL('https://yourdomain.com'),
alternates: {
canonical: '/',
},
openGraph: {
type: 'website',
locale: 'en_US',
url: 'https://yourdomain.com',
title: 'Your Site Name',
description: 'Compelling descri