网站渲染策略与AI收录|简诗 AI
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md,安装 @user_fccf428b/rendering-strategies-strategy-playbook。
技能介绍
解决什么问题
SPA 首屏往往只返回一个 HTML 外壳,正文靠 JavaScript 执行后注入。Googlebot 虽会渲染 JS 但存在数天延迟,而 GPTBot、ClaudeBot、PerplexityBot 等 AI 爬虫完全不执行 JS——CSR 内容对它们来说是隐形的。此外,标签页、轮播图、"加载更多"里的内容不会被发现,因为 Google 不会模拟用户点击。
技能如何工作
先判断当前站点属于 SSG、SSR、CSR 还是混合架构,再按页面类型给出渲染建议:
- 博客、文档、营销页:优先
SSG或ISR,构建期产出完整 HTML - 新闻、商品等动态内容:
SSR,每次请求生成 HTML - 仪表盘、账户页:无 SEO 需求时可用
CSR - 遗留 SPA:
动态渲染作为过渡,向爬虫返回预渲染 HTML
随后逐项检查组件级要求:所有标签页内容、轮播图 slide、导航链接、Hero 区必须在首屏 HTML 中存在,JS 只负责 show/hide 等交互。AI 爬虫流量约为 Googlebot 的 28%,关键文章、meta 与导航必须落在初始 HTML 里。
适用边界与注意点
动态渲染只是兜底方案,预渲染内容需与用户实际体验一致,不应作为长期架构。SSG/SSR 会增加构建或服务器开销,CSR 不可用于面向搜索的公开内容。本技能不自动安装依赖或执行下载,涉及部署、发布等外部写入时需先确认目标与影响。
使用场景
- 迁移遗留SPA到SSR前,用动态渲染让Googlebot和AI爬虫先能读到完整文章HTML
- 审计Next.js站点,判断首页该用SSG还是SSR,并说明对AI爬虫可见性的差异
- 给营销落地页的标签页和轮播图改造,确保内容进入初始HTML而非点击后加载
- 为内容站制定决策表,按博客、商品页、账户页分别指定渲染方式与理由
适合人员
- 前端工程师,需要在Next.js或Remix项目中为博客和商品页选定SSG或SSR
- SEO工程师,要审计站点首屏HTML是否包含文章正文和meta,供AI爬虫抓取
- 技术负责人,负责将遗留SPA平滑迁移到SSR/SSG,先引入动态渲染兜底
- 内容平台运维,管理百万级页面,需要用ISR在静态性能与内容更新之间取舍