---
name: web-seo-optimization
description: Maximize SEO and social-sharing readiness for web applications (React, Vite, Next.js, HTML5, or plain static sites) — covers meta tags, Open Graph/Twitter Card previews, JSON-LD structured data (WebApplication & FAQPage schemas for rich search snippets), PWA manifest, sitemap.xml, robots.txt, and semantic HTML/accessibility structure. Trigger whenever the user asks to maximize SEO, improve search visibility or search rankings, add meta tags, fix or add page titles/descriptions, set up Open Graph or social preview images, add structured data or rich snippets, make a web app installable/PWA-ready, add a sitemap or robots.txt, or generally "prepare this for launch/production" or "make this more discoverable" for a web app — even if they don't say the word "SEO" explicitly.
---
# Web Application SEO Optimization Skill
This skill provides a comprehensive, production-ready framework to maximize Search Engine Optimization (SEO) and social sharing previews for web applications.
---
## 1. Primary HTML Metadata (`index.html`)
Every web application must include primary metadata tags, Open Graph tags, Twitter Card tags, canonical links, and theme configurations in the `` element.
```html
AppName — Clear Value Proposition | Keyword-Rich Subtitle
```
---
## 2. JSON-LD Structured Data (Rich Snippets)
Inject Schema.org structured data via `