营销人员如何为页面体验的下一步做准备

已发表: 2021-12-15

当谷歌的页面体验更新在 9 月初完成推出时,它改变了搜索引擎评估网站的方式——即重新强调用户体验信号。 在 SMX Next 的会议上,技术 SEO 产品顾问兼 Ahrefs 品牌大使 Patrick Stox 指出,在接下来的几个月中,此更新发生了一些重要变化,这继续让许多 SEO 感到困惑。

“安全浏览已经过时了,”他说,“而且累积的布局变化也发生了一些变化。 这是变化最大的五秒钟。 谷歌还从头条新闻要求中删除了 AMP,许多新闻网站都在考虑放弃它。”

图片:帕特里克斯托克斯。

页面体验更新的关键部分之一——Core Web Vitals——也是争论最激烈的部分之一。 搜索引擎优化和代理机构质疑这些指标在排名方面有多大差异,导致斯托克斯等许多人更深入地研究数据。

“我们查看了大约 520 万个单独的页面,我认为这是目前研究过的最大数据集,”他说。 他的研究发现,其中只有 11.4% 符合 Core Web Vitals 的推荐标准。

这就引出了一个问题:Core Web Vitals 优化是否必要?

“也许这些都是小的排名因素,”斯托克斯说,“但我认为如果你从 SEO 的角度来争论,你就会失败。 许多谷歌员工现在表示,这些都是小因素,是决胜局信号。”

“当它不会对搜索引擎优化产生巨大影响时,很难获得任何优先级,”他补充道。

尽管如此,Core Web Vitals 还是指出了页面体验的一些关键原则。 即使他们未能提供 SEO 所希望的排名提升,这些信号也指出了营销人员想要转化更多访问者所必需的用户体验方面。 而且,随着 Google 继续将这些类型的信号添加到其算法中,您网站的可见性更有可能得到改善。

Stox 提供了营销人员在优化页面体验更新时应该理解和优先考虑的五个概念。

越小越快

最大的 Contentful Paint (LCP) 衡量感知的加载速度,它是一个以用户为中心的重要指标。 这是页面上主要内容的加载点。

用户希望尽快加载他们的内容也就不足为奇了。 但要做到这一点,营销人员必须与他们的开发团队合作以减少资源大小——资源越小,页面加载速度越快,页面获得的 LCP 分数就越高。

图片:帕特里克斯托克斯。

“如果你不需要什么东西,就不要装,”斯托克斯说。 “较小的网站速度更快,这意味着您需要压缩 JavaScript 文件、CSS 和 HTML——让所有内容尽可能小。 把不需要的东西扔掉。”

服务器位置很重要

您网站服务器的位置对其页面体验有直接影响。 这就是 Stox 建议营销人员和网站所有者使用内容交付网络 (CDN) 的原因。 这些地理分布的服务器网络可以协同工作以增强用户体验。

“几乎每篇文章都会告诉你使用 CDN,”Stox 说。 “简单来说,位置很重要。 它所花费的连接时间,从服务器获取东西所花费的时间。”

他补充说,“如果你的网站在世界各地都有副本,那么这个时间就结束了。”

图片:帕特里克斯托克斯。

CDN 对于大型站点特别有效,因为它们使它们能够从全球各地获取资源。 反过来,这可以帮助确保您的内容在搜索者需要时提供给他们。

使用同一台服务器

Stox 指出,营销人员在改善页面体验信号时应尽可能选择使用单个服务器。 每连接一个额外的服务器都会增加渲染延迟,最终可能导致页面加载时间变慢。

图片:帕特里克斯托克斯。

“尽可能多地保存在同一台服务器上,”他说。 “每次连接到不同的位置都需要额外的时间,额外的往返。”

“如果你要使用额外的服务器,你需要 DNS 预取和预连接,”他补充道。

图片:帕特里克斯托克斯。

添加预连接和 DNS 预取代码可以作为替代方案。 这些可以帮助站点在服务器之间建立早期连接。

确保缓存设置正确

Stox 认为,从长远来看,设置有效的缓存有助于提供良好的页面体验。 他建议 SEO 和网站所有者定期使用此功能来减轻服务器的压力——即使首页加载时间稍长。

“尽可能多地缓存,”斯托克斯说。 “你的第一次加载可能需要更长的时间,但之后的每一页——他们已经下载了你的 CSS、你的 JavaScript、你的字体。 他们在他们的浏览器中。 那时它们存储在本地,这意味着它将非常快。”

图片:帕特里克斯托克斯。

在页面资源加载中优先考虑项目

网页需要加载许多资源,然后用户才能查看和使用它们。 但有些资源比其他资源更重要。

“在浏览器中,你有字体、CSS、HTML 和 JavaScript——它们 [服务器] 必须弄清楚优先考虑什么,”斯托克斯说。 “你需要加载将构成初始视口的东西——人们首先会看到的东西——然后其他所有东西都会稍后出现。”

图片:帕特里克斯托克斯

目标应该是加载人们首先看到的东西,然后加载辅助资源。 以这种方式使用内联编码构建资源加载可以帮助您更快地将最重要的内容交付给用户。

“当我说'内联' CSS 时,我的意思是提取 CSS 文件的一部分并将其放入 HTML,”他说。 “因此,当下载 HTML 时,我获得了可见页面所需的 CSS。 我不必等待下载另一个 CSS 文件来处理它并开始渲染。”

“我们将优先考虑需要的事情,并且渲染可以通过这种方式提前发生,”他补充道。

最终,正如斯托克斯所指出的,像谷歌这样的平台将变得足够先进,以至于 SEO 不必过多担心页面体验的这些技术方面:“我认为这些平台将为你解决很多这样的速度问题,以便人们不必为此担心太多。 SEO 不必打扰开发人员,开发人员也不必专注于它。”

但那个未来还有很长的路要走。 优化 Core Web Vitals——即使它们只是一个决胜局——可以将观众带到您的网站而不是竞争对手的网站。

在此处观看完整的 SMX Next 演示文稿(需要注册)。