SuperAPI AI 工具集

astro-seo

通用与其它

查看项目

更新于 10-16 14:57

技能介绍

astro-seo 是一个用于 Astro 站点 SEO 优化的技能,目标场景包括:为 Astro 页面添加 meta 标签与 Open Graph、生成用于富摘要的 JSON-LD 结构化数据、通过 @astrojs/sitemap 建立搜索索引、使用 @astrojs/rss 配置 RSS 订阅、创建 robots.txt 与 canonical URL 模式、为多语言 SEO 添加 hreflang,以及测量和改进 Core Web Vitals。

该技能强调 Astro 在 SEO 方面的天然优势:默认零 JS,向爬虫提供纯 HTML,便于快速索引;静态输出带来亚秒级 TTFB 和良好的 Core Web Vitals;Astro.site 内置用于构建 canonical URL;Islands Architecture 只对交互部分进行 hydration。

核心概念方面,技能建议创建可复用的 <SEO /> 或 <Head /> 组件,接收 title、description、og、canonical 等 props,并放入所有布局中;canonical URL 始终使用 Astro.site 构造,示例为:const canonical = new URL(Astro.url.pathname, Astro.site);。结构化数据通过 <script type="application/ld+json" set:html={JSON.stringify(schema)} /> 注入,需使用 set:html 以避免 XSS,不应使用模板字符串插值。

技能包含一个 Agent 工作流,要求在实施前并行启动 3 个 agent:fuse-ai-pilot:explore-codebase 分析现有布局、head 组件和元数据;fuse-ai-pilot:research-expert 通过 Context7/Exa 核实最新 SEO 最佳实践;mcp__context7__query-docs 查阅 Astro 7 的 sitemap/RSS 集成文档;实施后运行 fuse-ai-pilot:sniper 进行验证。

参考指南覆盖 Meta Tags & OG(meta-tags.md)、JSON-LD(structured-data.md)、Sitemap & RSS(sitemap-rss.md)、Canonical & hreflang(canonical-hreflang.md)、Core Web Vitals(core-web-vitals.md)等主题。模板包括 seo-head.md(可复用 SEO head 组件)和 json-ld.md(JSON-LD BlogPosting、WebSite schema)。最佳实践包括:集中使用一个 Head 组件管理全部 meta;用 Astro.site 生成绝对 URL,用于 og:image 和 canonical;JSON-LD 使用 set:html 防止 XSS;始终同时配置 sitemap 和 robots.txt 以保证可爬取性;所有语言变体都添加 hreflang,并包含 x-default。

该技能明确不涵盖 hreflang 标签生成之外的本地化路由机制(astro-i18n)、Content Layer schema 设计(astro-content)以及 <Image />/<Picture /> 等图片专项优化(astro-assets),这些属于其他独立技能。关于具体收费、价格、平台支持范围等信息,资料中暂未提供。