plugins/astro-expert/skills/astro-seo/SKILL.md
SEO for Astro sites — meta tags, Open Graph, Twitter Cards, JSON-LD structured data, sitemap, RSS, robots.txt, canonical URLs, hreflang, Core Web Vitals. Use when optimizing search engine visibility or social sharing.
npx skillsauth add fusengine/agents astro-seoInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
Complete SEO strategy for Astro 7 sites — zero JS by default makes Astro naturally SEO-friendly.
Before ANY implementation, use TeamCreate to spawn 3 agents:
After implementation, run fuse-ai-pilot:sniper for validation.
| Feature | Benefit |
|---------|---------|
| Zero JS by default | Pure HTML for crawlers, instant indexing |
| Static output | Sub-second TTFB, top Core Web Vitals |
| Astro.site | Canonical URL construction built-in |
| Islands Architecture | Only hydrate interactive parts |
Create a reusable <SEO /> or <Head /> component accepting title, description, og, canonical props. Place in all layouts. Use Astro.site for absolute URL construction.
Always construct canonicals with Astro.site:
const canonical = new URL(Astro.url.pathname, Astro.site);
Inject JSON-LD via <script type="application/ld+json" set:html={JSON.stringify(schema)} />. Use set:html to avoid XSS — never template string interpolation.
| Topic | Reference | When to Consult | |-------|-----------|-----------------| | Meta Tags & OG | meta-tags.md | Setting up head metadata | | JSON-LD | structured-data.md | Rich snippets, schema.org | | Sitemap & RSS | sitemap-rss.md | Search indexing, feeds | | Canonical & hreflang | canonical-hreflang.md | Duplicate content, i18n | | Core Web Vitals | core-web-vitals.md | LCP, CLS, FID optimization |
| Template | When to Use | |----------|-------------| | seo-head.md | Reusable SEO head component | | json-ld.md | JSON-LD BlogPosting, WebSite schemas |
Astro.site for og:image and canonicalsset:html for JSON-LD - Prevents XSS vulnerabilitiestesting
Copy self-audit and ban-lists — filler verbs/hype adjectives, slop placeholder names, fake-precise numbers, Title Case headlines, humor in error copy ('Oops!'), em-dash crutch, one copy register per page.
development
Logged-in web apps — dashboards, auth flows, settings, onboarding, data tables, command palettes, modals, toasts. Register `product`: density and glance-speed over marketing polish, no hero/CTA-tricks, every data surface covers empty/loading/error explicitly, tables and dataviz follow preattentive-processing rules.
development
Marketing sites, landing pages, campaign pages — register `brand` (design IS the product). Structure comes from the register's POV + a macrostructure pick, never from copying an inspiration site's section flow. Hero discipline, deviated section order, asymmetric grids, and a silhouette lookalike-test gate before ship.
development
Token-strategy core — OKLCH color rules, neutral tinting, accent-commitment levels, type scale, 8pt spacing grid, touch targets, and the canonical output format of design-system.md (the file the harness gates on). This is routing step 1 of design-method/SKILL.md — read it before design-web/design-webapp/design-ios/design-android, before picking or auditing a single color/type/spacing value.