核心页面指标指标是一组三个指标,用于衡量网页的速度、交互性和视觉稳定性。
它们是 Google“网页体验”排名信号的一部分因素(基本上是 Google 评估网页整体用户体验或 UX 的方式)。
因此,改进它们可以帮助您的网站在搜索结果中排名更高并提供更好的用户体验。
三个核心网络要素是:
1. 最大内容绘制 (LCP):这衡量了页面上最大内容元素的加载时间。为了提供良好的用户体验,您的 LCP 应少于 2.5 秒。
2. 交互到下一次绘制 (INP):这衡量您的网站对用户交互的响应速度。您的 INP 应为 200 毫秒或更短,以获得快速且响应迅速的体验。
3. 累计布局偏移 (CLS):这衡量了页面加载时布局意外偏移的程度。为了获得良好的用户体验,CLS 应小于 0.1。
您的网站在核心网页指标中的表现会影响您的用户体验和排名潜力。因为您的网站应该为用户提供快速、流畅和愉快的体验。
谷歌旨在奖励为用户提供这种出色体验的内容。
Google 的网页体验排名系统由一系列 Google 认为对用户体验很重要的信号组成,其中包括:
· HTTPS
· 移动友好性
· 缺少插页式弹出窗口
· “安全浏览”(基本上,你的页面上没有恶意软件)
而核心网络生命力是其中至关重要的一部分。
需要指出的是,出色的页面体验不会神奇地将您推到 Google 的第一位。事实上,在一篇讨论将核心网络指标与其他现有信号相结合的帖子中,Google 很快指出,页面体验并不是唯一重要的事情。请记住,他们使用数百个排名因素来对网站进行搜索排名。
您可以采取以下措施来改善网站的 LCP:
· 删除所有不必要的第三方脚本: 我们的页面速度研究发现,每个第三方脚本都会使页面速度减慢 34 毫秒
· 升级你的网络主机:更好的托管可以缩短整体加载时间(包括 LCP)
· 避免延迟加载首屏图片:延迟加载可以优化图片的加载方式,但在首屏执行此操作实际上会增加 LCP 时间
· 删除较大的页面元素:考虑删除首屏上方较大的、不必要的图像和其他功能,以加快 LCP 的速度
· 缩小 CSS:庞大的 CSS可能会显著延迟 LCP 时间
接下来我们来看看谷歌的第二个核心网络生命力:从交互到下一步绘制。
INP 测量页面加载完成后,浏览器响应用户与页面的下一次交互(例如单击或点击)所需的时间。
该指标类似于 INP 于 2024 年取代的首次输入延迟 (FID)。但它侧重于页面首次加载后的响应能力。使其成为了解页面整体响应能力的更可靠方法。
交互的示例包括:
· 从菜单中选择一个选项
· 点击按钮将电子邮件提交到表单中
· 打开移动导航菜单
与 LCP 一样,Google 对可接受的 INP 时间也有具体的标准。
理想情况下,INP 时间为 200 毫秒或更短。超过此时间则需要改进,超过 500 毫秒则为较差。
对于 100% 内容的页面(如博客文章或新闻文章),INP 可能不是什么大问题。唯一真正的“交互”是向下滚动页面。或者捏合以放大和缩小。但这些都不计入 INP 测量目的。
当然,您的菜单仍然需要响应。如果您在其中有任何注册按钮,您需要确保它们也能快速响应。
但是对于登录页面、注册页面或其他用户需要快速点击的页面(例如将产品添加到购物车),INP 非常重要。
例如,考虑一下这样的页面的加载体验:
对于这样的登录页面,加载内容所需的时间并不是那么重要(反正也没有那么多内容需要加载)。
重要的是你能多快开始输入你的登录信息。然后是“登录”按钮能多快起作用。
考虑到所有这些,您可以采取以下措施来提高网站的 INP 分数:
· 最小化(或延迟)JavaScript:浏览器加载 JS 时,用户几乎不可能与页面交互。因此,最小化或延迟页面上的 JS 是 INP 的关键。
· 删除所有不重要的第三方脚本:与 LCP 一样,第三方脚本(如 Google Analytics、热图等)会对 INP 产生负面影响。如果您的 INP 时间过长,请考虑删除所有不重要的脚本。
· 推迟代码执行:您可以将浏览器需要执行的长任务分解为较小的块。您可能需要开发人员的帮助。
累积布局偏移 (CLS) 衡量页面加载时的稳定性(又称“视觉稳定性”)。
换句话说:如果页面上的元素在页面加载时移动,那么您的 CLS 分数可能会很高。这很糟糕。
相反,您希望页面元素在页面加载时相当稳定。
为什么?
假设有一位用户进入您的商店页面。他们看到一个按钮,可以了解有关特定产品的更多信息。当他们点击该按钮时,屏幕顶部会出现一个横幅,将所有内容向下移动。因此,他们不小心点击了“立即购买”按钮。
这是一个糟糕的用户体验。
以下是 Google 针对 CLS 制定的具体标准:
您希望 CLS 分数不超过 0.1。0.1 至 0.25 之间的分数需要改进,高于此分数的分数则被视为较差。
正如你所见,这是我需要改进的地方。特别是在移动设备上。
以下是您可以采取的一些简单措施来尽量减少 CLS。
· 对任何媒体(如视频和图片)使用设置的尺寸属性尺寸:这样,用户的浏览器就能准确知道该元素在页面上占用多少空间。并且不会在页面完全加载后动态更改它。
· 确保广告元素有预留空间:否则它们可能会突然出现在页面上。将内容向下、向上或向侧面推。
· 避免在首屏上方动态添加新内容:例如,在页面顶部插入横幅会导致加载时所有内容向下移动。相反,请考虑在首屏下方添加类似元素。
(来源:Hoan外贸建站 公众号)
以上内容属作者个人观点,不代表雨果跨境立场!本文经原作者授权转载,转载需经原作者授权同意。