本技能用于说明 Web 应用的 SEO 基础,帮助在架构决策阶段评估搜索可见性。搜索引擎流程分为三阶段:抓取(Googlebot 发现 URL 并下载内容)、索引(解析并存入索引)、排名(算法决定搜索结果位置)。抓取器主要处理初始 HTML 响应,JavaScript 执行是延后、耗资源且不保证执行的独立阶段,因此渲染模式直接影响 SEO:SSG、SSR、ISR 的初始 HTML 完整,SEO 质量较好;CSR 只返回空壳,SEO 较差;流式渲染为渐进式,表现尚可。针对 CSR 应用,资料给出的方案包括服务端渲染(SSR)、预渲染,动态渲染(Google 不推荐)。
正文还覆盖技术 SEO 要素:每页唯一的 title(约 50-60 字符)与 meta description(约 150-160 字符)、canonical、robots、Open Graph、viewport;JSON-LD 结构化数据(Product、Article、FAQ、BreadcrumbList 等);语义化 HTML 与标题层级;URL 结构(用连字符、简短描述性、小写、避免查询参数承载可索引内容);XML sitemap 与 robots.txt。
Core Web Vitals 部分给出三项指标及阈值:LCP(≤2.5s 良好,2.5-4s 需改进,>4s 差)、INP(≤200ms、200-500ms、>500ms)、CLS(≤0.1、0.1-0.25、>0.25),并列出各架构常见问题与优化方向,如预加载关键资源、内联关键 CSS、延迟非关键 JS、为图片和嵌入预留空间、拆分长任务、降低 hydration 成本。
SPA SEO 检查清单包括:为 SEO 关键页面启用 SSR 或预渲染、每条路由唯一 meta 标签、语义化结构与标题层级、添加结构化数据、生成含全部路由的 sitemap、在服务端处理 301/302 重定向、使用 canonical、确保内链为可抓取的 a 标签、用 Google Search Console 的 URL 检查工具测试。常见错误有仅客户端设置 meta、纯 JS 导航、无限滚动、基于 hash 的路由、重复内容、加载缓慢。测试工具包括 Google Search Console、Lighthouse、查看页面源代码、Rich Results Test;也可用 curl -A "Googlebot" 查看爬虫所见内容,或用 curl 检查 robots.txt。所述功能与价格信息暂未提供。