360 Secure SkillHub
360 安全技能中心

astro-seo

面向 Astro 7 的 SEO 实现指南，覆盖 meta/Open Graph、JSON-LD、sitemap/RSS、canonical 与 hreflang、Core Web Vitals，并给出 head 组件和 schema 模板。强制工作流依赖多智能体与 Context7/Exa 研究，且所列 references 均未包含。

分类：开发
未知作者
热度 0.00
最近更新 2026-10-24 11:15:28

安装

发给 Agent
帮我安装这个技能：npx secure-skills-cli add seoskills.sh/astro-seo
兼容性
通用兼容
联网要求
需要联网
数据出网
数据出网未确认
Metadata
name
astro-seo
description
Use when optimizing SEO for an Astro site — meta tags, Open Graph, JSON-LD structured data, sitemap/RSS, canonical URLs, hreflang, Core Web Vitals.
versions
{"astro":"7"}
user-invocable
true
references
references/meta-tags.md, references/structured-data.md, references/sitemap-rss.md, references/canonical-hreflang.md, references/core-web-vitals.md, references/templates/seo-head.md, references/templates/json-ld.md
related-skills
astro-7, astro-content, astro-assets, astro-i18n

Does not cover locale routing mechanics beyond hreflang tag generation (astro-i18n), Content Layer schema design (astro-content), or image-specific optimization like <Image />/<Picture /> (astro-assets) — those are separate skills.

Astro SEO

Complete SEO strategy for Astro 7 sites — zero JS by default makes Astro naturally SEO-friendly.

Agent Workflow (MANDATORY)

Before ANY implementation, spawn 3 agents in parallel, one Agent call each with a name:

  1. fuse-ai-pilot:explore-codebase - Analyze existing layouts, head components, and metadata
  2. fuse-ai-pilot:research-expert - Verify latest SEO best practices via Context7/Exa
  3. mcp__context7__query-docs - Check Astro 7 sitemap/RSS integration docs

After implementation, run fuse-ai-pilot:sniper for validation.

Overview

When to Use

  • Adding meta tags and Open Graph to any Astro page
  • Generating JSON-LD structured data for rich snippets
  • Setting up @astrojs/sitemap for search indexing
  • Configuring RSS feeds with @astrojs/rss
  • Creating robots.txt and canonical URL patterns
  • Adding hreflang for multilingual SEO
  • Measuring and improving Core Web Vitals

Why Astro for SEO

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

Core Concepts

Head Component Pattern

Create a reusable <SEO /> or <Head /> component accepting title, description, og, canonical props. Place in all layouts. Use Astro.site for absolute URL construction.

Canonical URLs

Always construct canonicals with Astro.site:

const canonical = new URL(Astro.url.pathname, Astro.site);

Structured Data

Inject JSON-LD via <script type="application/ld+json" set:html={JSON.stringify(schema)} />. Use set:html to avoid XSS — never template string interpolation.

Reference Guide

Concepts

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

Templates

Template When to Use
seo-head.md Reusable SEO head component
json-ld.md JSON-LD BlogPosting, WebSite schemas

Best Practices

  1. One Head component - Centralize all meta in a reusable component
  2. Absolute URLs - Use Astro.site for og:image and canonicals
  3. set:html for JSON-LD - Prevents XSS vulnerabilities
  4. sitemap + robots.txt - Always configure both for crawlability
  5. hreflang on all locales - Include x-default for language variants