SuperAPI AI 工具集

web-vitals-and-seo

前端与建站

查看项目

更新于 10-16 03:15

技能介绍

用途:解决落地页排名与加载速度问题。核心是把正文、标题、title/description、canonical、hreflang 和 JSON-LD 放进服务端初始 HTML,因为 AI 爬虫(GPTBot、ClaudeBot、PerplexityBot)不执行 JavaScript,Googlebot 的 Wave-1 抓取也看不到客户端渲染内容。

主要能力:渲染策略选择(默认 SSG,需新鲜度用 ISR,仅真正按用户内容用 SSR,无 SEO 价值的登录工具才用 CSR);LCP 元素必须在初始 HTML 中可发现,不得客户端渲染或懒加载;按字段数据而非实验室分数优化 CWV,p75 阈值 LCP ≤ 2.5s、INP ≤ 200ms、CLS ≤ 0.1(INP 于 2024 年 3 月取代 FID);用 TBT 作为 CI 中 INP 的实验室代理;把第三方脚本移出主线程(sGTM、边缘 A/B、延迟加载、Partytown);页面 SEO 与结构化数据规范(title < 60、description < ~155、单个 H1、服务端渲染 canonical、JSON-LD 与可见内容一致并转义 <)。

使用方式:工作流为 CrUX(Google 所见)→ RUM(web-vitals 库,定位原因与分段)→ Lighthouse/DevTools(本地修复)。用 curl -A "GPTBot" <url> 和查看源代码验证爬虫实际获得的内容,不要只依赖 DevTools 或 Search Console 实时测试。移动端 INP 通常差 2-3 倍,应在真实中端 Android 上测试。

适用场景:SEO 渲染策略、Core Web Vitals、实验室与字段数据对比、结构化数据、AI 爬虫/GEO 可见性、第三方脚本成本。

限制:不负责文案、配色与字体、WCAG 合规、Next.js 实现缺陷、动效 INP 成本或测试搭建。CWV 只是次要排名因素,进入绿色区间即可,90→100 的收益接近零。易变信息(FAQ 弃用、AI 爬虫行为、框架包体积)需版本门控或删除,不得凭单一未验证来源断言。详细内容见 references/perf-seo.md。