SEO 专题 基于 Google 官方一手资料 codeflow.cc

页面体验(Page Experience)与 Core Web Vitals 研究笔记

来源(官方,已验证可访问):

一、页面体验与排名的官方关系

  • Google 核心排名系统旨在「奖励那些提供良好网页体验的内容」。
  • 不存在单一的页面体验排名系统或单一衡量因素。官方原文:「我们的核心排名系统会评估与整体网页体验相符的各种衡量因素」。(旧的 page experience system 已从排名系统清单中移除,见排名系统笔记。)
  • Core Web Vitals 被排名系统采用,但取得好分数「并不保证网页一定排在搜索结果最前面」。
  • 内容相关性仍是首要:即使页面体验不佳,Google 仍会尽可能展示最相关的内容。

官方自评清单

  1. Core Web Vitals 表现是否良好?
  2. 是否以 HTTPS 安全方式提供?
  3. 在移动设备上显示是否正常?
  4. 广告数量是否过多?
  5. 是否避免了侵入式插页式广告(intrusive interstitials)?
  6. 用户能否轻松区分主要内容与其他内容?

二、Core Web Vitals(核心网页指标)

Web Vitals 是 Google 推出的计划,「旨在就哪些质量信号对提供出色的网站用户体验至关重要提供统一指南」;Core Web Vitals 是其中适用于所有网页的核心子集。

三个指标(阈值按第 75 百分位/75th percentile 评估,移动端与桌面端分别统计)

指标英文全名衡量什么良好需改进
LCPLargest Contentful Paint加载性能:视口内最大内容元素完成渲染的时间≤ 2.5 s2.5–4 s> 4 s
INPInteraction to Next Paint交互响应:从用户交互到浏览器绘制下一帧的延迟≤ 200 ms200–500 ms> 500 ms
CLSCumulative Layout Shift视觉稳定性:页面意外布局偏移的累计得分≤ 0.10.1–0.25> 0.25
  • 指标生命周期:实验性(experimental)→ 待定(pending)→ 稳定(stable);LCP、INP、CLS 均为稳定指标。
  • FID(First Input Delay)已于 2024 年被 INP 取代

测量工具

现场数据(field data,真实用户):

  • Chrome User Experience Report (CrUX)
  • PageSpeed Insights
  • Search Console 的 Core Web Vitals 报告
  • JavaScript web-vitals 库(onLCPonINPonCLS)

实验室数据(lab data,模拟环境):

  • Chrome DevTools、Lighthouse
  • 注意:无真实用户的模拟工具无法测量 INP,官方建议用 Total Blocking Time (TBT) 作为代理指标。

辅助/诊断指标(非 Core)

  • TTFB(Time to First Byte):服务器响应时间,用于诊断 LCP 问题。
  • FCP(First Contentful Paint):首次内容绘制,诊断加载问题。
  • TBT(Total Blocking Time):主线程阻塞时间,INP 的实验室代理指标。