Agent Skills
返回列表
网站渲染策略与AI收录|简诗 AI

网站渲染策略与AI收录|简诗 AI

开发编程 更新于 2026.08.29

将以下提示词粘贴到你的 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在静态性能与内容更新之间取舍