What problem does it solve?
This Skill solves the problem of inconsistent, weak, or missing SEO metadata in an SSR Vue app by ensuring every indexable page gets correct meta tags, canonicals, hreflang, and structured data, while non-indexable routes are safely excluded.
Core Features & Use Cases
- Route-driven meta injection: Generates per-route
<title>, description, keywords, robots directives, canonical URLs, and head extras from route meta keys resolved through i18n with t().
- Bilingual structured SEO outputs: Emits JSON-LD (Organization, and WebSite/SearchAction on home; BreadcrumbList on deep pages) only when the route is indexable.
- Robots + sitemap generation: Produces dynamic
robots.txt and sitemap.xml in the server layer with caching, and keeps public/indexable paths aligned with route metadata.
- Hreflang correctness for en/fr: Adds
en, fr, and x-default alternates and suppresses them for 404 and non-indexable routes.
- Open Graph + Twitter readiness: Automatically builds OG/Twitter card tags and theme-related head elements for social sharing previews.
Quick Start
Ask the AI to review your new route by telling it the route path and whether it should be indexable, and then request which meta keys and sitemap/robots adjustments are required to match the kit’s SEO wiring.