What problem does it solve?
Many frontend routes and components omit critical SEO metadata or include relative URLs, causing poor search indexing and weak social share previews. This Skill provides deterministic, rule-based checks that surface missing head() metadata, Open Graph tags, canonical links, structured data, resource hints, and image decoding attributes so engineers can prioritize fixes.
Core Features & Use Cases
- Per-route meta enforcement: Finds routes with loaders that lack dynamic head() title and description.
- Open Graph & canonical validation: Detects missing og:* tags and absent rel="canonical" links, and notes the SITE_URL prerequisite for absolute URLs.
- Structured data and image hints: Flags missing JSON-LD, missing decoding="async" on img tags, and absent preconnect/dns-prefetch hints for third-party origins.
- Reference-driven fixes: Each finding maps to a reference file with rationale, before/after examples, exceptions, and required prerequisites for remediation.
- Use Case: Run as part of a refactor or CI check to list actionable SEO fixes across apps/web/src/routes and shared UI components.
Quick Start
Run a static scan for missing route meta and Open Graph tags and review the generated findings against the provided reference docs.