# SEO Optimization
> Improve frontend SEO using meta tags, structured data, performance optimization, and accessibility best practices. Use when building public websites, landing pages, or SEO-critical applications.
- Skill: `digitalexplorers/seo-optimization` (Agent Skill, multi-file: 5 files)
- Install (CLI): `npx skillmds@latest add digitalexplorers/seo-optimization`
- Raw SKILL.md: https://api.skillmd.com/api/skills/digitalexplorers/seo-optimization/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Marketing & Growth
- Author: DigitalExplorers (https://skillmd.com/u/digitalexplorers)
- Updated: 2026-09-22
- Page: https://skillmd.com/skills/digitalexplorers/seo-optimization
---
# SEO Optimization (Frontend)
Enhance search engine visibility, performance, and accessibility of web applications using modern frontend SEO techniques.
## When to Use This Skill
- Building landing pages or marketing websites
- Improving Google search rankings
- Optimizing Core Web Vitals
- Making SPAs SEO-friendly
- Enhancing accessibility and semantic HTML
## Core Capabilities
### 1. Meta Tags Optimization
- Title and description tags
- Open Graph (Facebook, LinkedIn)
- Twitter Cards
- Canonical URLs
### 2. Structured Data (Schema.org)
- JSON-LD implementation
- Rich snippets support
- Organization, Product, Article schemas
### 3. Performance Optimization
- Core Web Vitals (LCP, CLS, INP)
- Image optimization
- Lazy loading
- Code splitting
### 4. Accessibility (a11y)
- Semantic HTML
- ARIA roles
- Keyboard navigation
- Screen reader support
---
## Quick Example
### Basic SEO Setup
```html
Best Product Page