改善页面体验迎接谷歌2021年的算法更新

2021年,谷歌将更新算法,使用页面体验作为排名信号。

这种改变的目的是在SERP中返回网页的用户体验因素,而不是历史上一直使用的传统的、更客观的信号,如PageRank、页面定位等。

随着即将到来的更新的临近,了解页面体验的不同方面以及如何为每个页面优化您的网站是很重要的。

目前,谷歌已经宣布确定页面整体体验的不同元素。这些是:

核心网络生活:结合三个关键性能指标——最大内容写入、最大访问延迟和累积布局偏移——可以为用户衡量页面加载时的视觉负载、交互性和视觉稳定性。

移动友好性:研究在移动设备上使用和导航网站有多容易,包括内容的可读性以及页面上的链接和元素是否可以被点击和访问。

【/s2/】安全浏览:评估网站是否存在恶意软件、网络钓鱼、黑客攻击,以确保用户能够安全浏览。

HTTPS:请注意网站的连接是否安全,以及网站是否按照建议由HTTPS提供服务。

无创无页面广告:保证用户浏览时不会屏蔽关键页面内容。

改善页面体验迎接谷歌2021年的算法更新 移动互联网 第1张为了帮助您确保您的网站为这种变化做好准备,我收集了一些针对页面体验的关键领域优化您的网站的技巧。

这些覆盖范围包括更快、更流畅的视觉加载、改进的移动可用性和增强的网站安全性。

1。预加载关键资源以加快可视化加载时间

对于用户来说,页面正在加载的第一个指示器是第一个屏幕内容的外观。

这是最大内容绘制(LCP)和第一个核心网站重要指数进入的地方,用于测量主页上元素的加载速度。

要确定一个页面的LCP元素是什么,只需在Chrome DevTools中检查页面,页面就会显示性能标签。

改善页面体验迎接谷歌2021年的算法更新 移动互联网 第2张一旦你知道什么是LCP元素,一个简单的方法就是使用Performance Chrome开发工具中的选项卡来直观地查看它们的加载速度。

确保屏幕截图被选中,并在加载时开始分析页面。

配置文件完成后,将鼠标悬停在顶部的加载图表上,以显示页面随时间加载的屏幕截图。

这将帮助您可视化不同页面元素的加载速度。

改善页面体验迎接谷歌2021年的算法更新 移动互联网 第3张为了帮助加速加载LCP元素和第一个屏幕内容,可以考虑使用预加载等方法告诉浏览器先获取这些资源。

改善页面体验迎接谷歌2021年的算法更新 移动互联网 第4张2。通过最小化长任务来优化主线程活动

幕后有很多不同的问题,可能会导致用户等待浏览器对自己的点击或点击做出回应。

这是用“核心Web活力”的第二个衡量标准来衡量的,即“第一输入延迟(FID)”。

虽然这种体验可能会让用户感到沮丧,但我们可以采取一些措施来解决这个问题,减少人机交互和浏览器响应之间的等待时间。

长时间的任务是这个问题的常见原因。

本质上,这些是长时间阻塞主线程并导致页面冻结和无响应的JavaScript代码。

Chrome开发工具中的长任务可以在瀑布图顶部的主标签中以红色三角形突出显示。

改善页面体验迎接谷歌2021年的算法更新 移动互联网 第5张如果您单击一个长任务并进入自下而上选项卡,它可以分解任务中发生的不同活动,例如编译和解析脚本。

改善页面体验迎接谷歌2021年的算法更新 移动互联网 第6张所需的补丁将根据导致主线程阻塞的活动而变化,但是解决长任务的常见补丁是代码分割和在较小的图中提供脚本。

3。请保留图像和嵌入空之间的空间,以便加载到其中

第三个核心的网络生命周期指标,累积布局转换(CLS),关注的是页面加载时,页面的视觉布局移动了多少。

这是为了衡量我们所有人都可能经历过的令人沮丧的UX领域:

用户点击一个特定的链接,但页面会四处移动,最终导致他们意外地点击页面的不同区域。

CLS分数高(因此UX性能差)的一个最常见的原因是图像和要加载的嵌入式资源之间没有预留。

比如使用Chrome浏览器中的Chrome DevTools截图功能性能选项卡,可以看到BBC Weather Cookie同意横幅的未分配空空间可以加载到其中。

因此,一旦加载,它会以大约3秒的标记将可见内容下推到视口中。

改善页面体验迎接谷歌2021年的算法更新 移动互联网 第7张但是在CNN的这个例子中,我们可以看到,主页上选中的视频在页面结构中已经预留了空,所以一旦加载了视频,其他页面的布局将保持不变。

改善页面体验迎接谷歌2021年的算法更新 移动互联网 第8张4。确保关键页面模板适合移动设备

2016年后,移动流量将超过桌面流量,因此确保网站针对越来越多的用户浏览的移动设备进行优化非常重要。

移动设备上的布局和网站可用性可能会创造或破坏用户体验。

例如,用户应该能够以清晰易懂的方式查看重要内容,而无需放大。

改善页面体验迎接谷歌2021年的算法更新 移动互联网 第9张左边是移动布局不好的例子,右边是很好的例子。

有两种主要方法来评估您的网站在移动设备上的可用性。首先是在谷歌搜索控制台中监控移动可用性报告。

该报告将标记问题,如内容不适合屏幕和文本太小,并显示每个问题的受影响的网址列表。

改善页面体验迎接谷歌2021年的算法更新 移动互联网 第10张第二种方法是通过谷歌的手机友好测试。

这是抽查单个页面的好方法。

改善页面体验迎接谷歌2021年的算法更新 移动互联网 第11张5。检查您的站点是否有安全问题

除了负载性能和移动可用性,网站安全性也将在决定页面体验方面发挥作用。

谷歌希望确保SERP中呈现的网站对用户是安全的,不存在安全问题的风险。

需要注意的主要安全问题是恶意软件、不需要的软件、网络钓鱼和欺骗性内容。

要找到一种简单的方法来检查网站是否存在可能使用户面临风险的问题,请查看谷歌搜索控制台中关于安全问题的报告。

报告的标题可以是安全和手动操作。

改善页面体验迎接谷歌2021年的算法更新 移动互联网 第12张6。确保通过HTTPS 提供表格和嵌入资源

将HTTPS融入页面体验信号是谷歌试图确保用户网络安全的另一种方式。

通过不安全的HTTP连接提供需要用户交互和输入的内容,会给用户带来风险,使用户及其数据更加脆弱。

对于用户输入任何个人信息的表单,尤其需要记住这一点,例如共享支付信息的结账表单。

改善页面体验迎接谷歌2021年的算法更新 移动互联网 第13张左边是不安全连接的示例,右边是安全连接的签出页面旁边的示例

检查这些问题的一种方法是使用安全尖叫青蛙的报告。

在这个报告中,您可以看到在HTTPS网址上提供的表单实例的数量,以及在HTTP和HTTPS上提供混合页面资源的混合内容问题。

改善页面体验迎接谷歌2021年的算法更新 移动互联网 第14张为了使您的用户能够安全地浏览,请确保您的网站拥有最新的SSL证书,并将您的网址和页面上的任何资源迁移到HTTPS。

7。确保插入广告不会干扰关键内容[/s2/]

如果网站上的插播广告在页面上占用了很大的空空间,使用户很难获得重要的页面内容,就会给用户带来负面的、令人沮丧的体验。

改善页面体验迎接谷歌2021年的算法更新 移动互联网 第15张左侧插入广告示例,右侧非插入弹出广告旁边

通过使用Chrome DevTools截屏功能在不同设备上手动查看页面或者再次查看页面,可以直观的看到插入广告对用户的影响。

为了避免损害用户的浏览体验。

考虑重新设计弹出窗口并插入广告,这样它们就不会阻挡重要的页面内容,用户也不必不合理地关闭它们来继续浏览您的网站。

结论

通过遵循这些提示,并将页面体验优化纳入您的搜索引擎优化策略,您可以帮助改善您的网站的页面体验信号。

这将对短期和长期产生积极影响。

增强页面体验不仅可以帮助您通过使用即将到来的算法更新来确保您网站的未来性能,使其处于最佳位置,还可以确保您网站上的用户现在有积极的体验。

页面体验优化不是为了满足搜索引擎的某些条件。

这是真正用户的最佳体验。

这是我们所有人都能接受的最终目标。

为您推荐

发表评论

电子邮件地址不会被公开。