|
|
Chrome 中的 Web Vitals 扩展 下载并安装适用于您的浏览器的 Web Vitals 扩展，以便您可以快速查看任何网站的索引。此外，您可以使用 Chrome 开发工具（组合键Ctrl + Shift + I）来测试或分析 Chrome 浏览器上的任何网站。 如何检查您网站的 Core Web Vitals 现在我将向您展示如何使用 Google Search Console 工具来检查您网站的核心 Web Vitals。使用 Google Search Console 是处理同一网站上多个页面的最简单方法。 Google Search Console Core Web Vital 的影响。 通过 Google 搜索控制台的核心 Web Vitals 通过 Google 搜索控制台衡量核心网络生命力 单击此部分后，您将看到您的网站可能遇到的每个核心 Web 重要问题的报告。 正如您在下面的示例中看到的，Brightedge.com 站点在 CLS 方面存在一个小问题。
我们的 5 个站点存在 CLS 问题。 我强调了如何最好地阅读这份报告： 问题及说明，本例CLS大于25 您网站上的 阿曼电话号码数据 页面数量受此特定 Core Web Vital 的影响 发生此问题的示例页面。这是本报告与其他 GSC 报告的主要区别。Core Web Vitals 报告不会向您显示需要修复的每个页面。老实说，这将是解决 Web Vital 的所有问题的一种缓慢而痛苦的方法，因为您可能需要在模板级别修复问题才能同时修复多个页面。 最多 20 个出现此问题的类似网站的列表。每个示例 URL 都会向您显示几个相似的页面。Google 使用此方法来突出显示在您的示例页面上发现的类似问题在您网站的其他页面上的位置。 例如，如果您在 /blog/ 上遇到问题，并且您的 /pressreleases/ 部分中的页面上也出现相同的问题，则您只会在示例网址中看到这些问题之一，但其他问题将显示在示例中细节。这应该表明 /pressreleases/ 中的更多页面将需要相同的修复。
如何修复网站的 Core Web Vitals 错误 如果您想改善网站上的用户体验，那么是时候改善您的 Core Web Vitals 指标了。每个网站都会遇到不同的错误。因此，为了能够确定您遇到的确切错误，您需要研究和分析您的页面，以优先考虑最有益的更新。 当然，网站遇到的常见问题还有很多，然后我们可以指出您可能遇到的问题的常见修复方法。 改善 LCP 的一些方法： 使用 PRPL 模式应用即时负载 优化您的重要显示网址 优化 CSS 文件 优化图像文件大小和压缩 优化或删除网页字体 优化或减少 JavaScript（对于客户端渲染的网站） 改进 FID 的一些方法： 减少第三方代码的影响 减少 JavaScript 执行时间 最小化主线程工作 保持较低的请求数量和较小的传输规模 提高 CLS 的一些方法： 在图像和视频元素上包含尺寸属性，或使用 CSS 宽高比框预留空间 切勿在现有内容之上插入内容，除非是为了响应用户交互 使用过渡动画而不是强制布局更改的属性动画 结语 在对网站进行SEO时，除了向用户提供有用且有吸引力的内容外，优化页面上的用户体验也非常重要。
|
|
发表于 2024-3-18 12:20:32