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
<head>
<title>Best Product Page</title>
<meta name="description" content="Buy the best products online." />
<link rel="canonical" href="https://example.com/product" />
</head>