改善网站核心网络生命力的 10 种方法
已发表: 2021-09-17提高您的 SEO 分数是一个持续的过程。 随着网站动态的不断变化，谷歌和其他搜索引擎不断改变他们的页面排名算法。 到目前为止，还没有人能够完全破解 Google 是如何对页面进行排名的。 尽管谷歌已经确定了许多用于计算 SEO 分数的参数，但整个过程非常复杂。 每次 SEO 社区接近破解代码时，谷歌都会推出一个更新，消除任何黑客或捷径以提高页面排名。
传统的 SEO 更多的是在内容中尽可能多地使用关键词。 图像针对大小进行了优化，并添加了替代文本。 H1，元标签，元描述不断更新。 随着时间的推移，反向链接的重要性也在增加。 人们开始求助于黑帽搜索引擎优化，他们会在不可靠的来源上倾倒许多反向链接。 为了缓解这种情况，谷歌开始优先考虑反向链接的质量而不是数量。 内容也发生了类似的事情。 曾经有一段时间，人们常常写 2000-3000 字的文章，认为内容越多，SEO 就越好。 为了缓解这种情况，谷歌开始优先考虑内容的质量和权威。
但是随着越来越多的网站和越来越多的 SEO 机构，谷歌意识到它需要保持领先两步才能提供最佳结果。 在最新的更新中，谷歌将页面体验添加为排名的最高标准之一。 这样做是为了向用户提供互联网上最好的网页作为搜索结果。 页面结果的质量越好，就会有越多的人喜欢 Google 并继续依赖它。
根据最新的 Google 更新，它的页面排名算法严重依赖以下 Web Vitals：
核心网络生命力：
- 最大含量涂料 (LCP)
- 首次输入延迟 (FID)
- 累积版式偏移 (CLS)
非核心网络生命力：
- 总阻塞时间 (TBT)
- 首次内容绘制 (FCP)
- 速度指数 (SI)
- 互动时间 (TTI)
解码核心网络生命力：
通俗地说，Core Web Vitals 可以被认为是与网站速度、响应能力和视觉稳定性相关的用户端指标。 这些生命体征衡量网站将为用户提供的体验有多好。
由于以下原因，核心 Web Vitals 很重要：
- 访问者喜欢加载快速且流畅的网站。
- 访问者希望快速找到与其搜索查询结果匹配的部分。
- 很大一部分网站流量来自移动设备，这增加了响应式网站的重要性。
- 用户已经变得足够聪明，可以理解他们被圈子愚弄并且不喜欢这样。
- 谷歌在建立 Core Web Vitals 算法上花费了大量资源，因此它在这里留下来并在 SEO 中发挥重要作用
- 没有多少人了解这种新转变，因此您应该利用先发优势并通过优化 Core Web Vitals 来提高您的排名。
最大含量涂料 (LCP)：
Core Web Vitals 的第一个指标是网站加载速度的指示。 为此，谷歌确定了网站最大的内容部分。 它可以是您的主图、标题文本或视频块。 然后它测量网页在屏幕上显示这个最大的内容片段需要多少时间。 网站的理想 LCP 应小于 2.5 秒。
第一输入延迟 (FID)：
Core Web Vitals 的第二个指标衡量网站的响应能力和易用性。 它记录了网站响应用户交互所花费的时间。 例如，如果用户单击“立即购买”按钮，则 FID 将测量网站响应此用户操作所需的时间。 Google 希望您网站的 FID 分数应小于 100 毫秒。
累积版式偏移 (CLS)：
Core Web Vitals 的第三个指标判断网页的整体视觉稳定性。 由于网站是部分加载的，因此有时像图像或视频这样的繁重内容需要更多时间来加载，并且在加载时会将其他内容向下推，从而导致糟糕的用户体验。 CLS 不是一个有时间限制的指标； 相反，它是根据在两帧之间移动的元素数量计算的。 谷歌坚持要减少网站上此类不稳定元素，并将 CLS 分数保持在 0.1 以下。
如何衡量网站的核心网络生命力：
检查您网站的核心网络指标的最佳方法是通过 Google 搜索控制台。 首先，您需要转到您网站的搜索控制台，在“增强”部分下方的左侧菜单栏中，您将看到 Core Web Vitals 的选项卡。
该报告为整个网站而不是网页生成结果。 但它为您提供了有关所有 Core Web Vitals 的各种详细信息。 您可以使用各种选项卡，仪表板将为您提供与设备相关的结果、网站缺乏的地方以及需要做什么来提高分数。 您还可以在以下资源中查看 Core Web Vitals 分数：
- 灯塔
- PageSpeed 洞察报告
- Chrome 开发工具
- web.dev 测量
- Chrome 的 Web Vitals 扩展
- Chrome 用户体验报告 API
如何改善您网站的核心网络生命力：
1.消除服务器响应时间慢：
如果您的服务器不足以承载您网站的负载，那么您将在 LCP 指标中惨遭失败。 服务器提供代码信息的时间越长，网页在屏幕上呈现的时间就越长。 您需要密切关注服务器的第一个字节时间，并通过以下方式对其进行优化：
- 通过确保正确的 Web 框架来优化您的服务器
- 将用户路由到附近的内容交付网络 (CDN)
- 在服务器端缓存资产，以免重新创建页面
- 服务 HTML 页面缓存优先，因为它们更容易和更快地加载
- 减少第三方连接并尽早建立
- 使用已签名的交易所获得更好的 Google 分数
2.减少CSS阻塞时间：
许多开发人员喜欢通过 CSS 控制他们的网站外观，但这可能是有害的，特别是如果 CSS 会阻止网页渲染并增加加载时间。 您应该扫描您的 CSS 文件并通过以下步骤优化它们：
- 使用插件缩小 CSS 以删除代码中不必要的字符
- 从样式表中查找并删除任何未使用的 CSS 元素
- 将关键的 CSS 脚本直接移动到代码中，以减少加载时间
3. 减少 JavaScript 阻塞时间：
就像 CSS 一样，即使是 Javascript 也可以阻止网站快速加载。 有时开发人员在其网站上的某些功能上使用第三方 javascript，因此无法完全理解源代码。 如果您以下列方式优化 JavaScript 加载时间，将会有所帮助：
- 缩小和压缩所有 JavaScript 文件
- 检查代码中的所有Javascript并删除不必要的脚本或代码
- 尽量避免使用需要大量加载时间或对网站内容产生重大影响的 Javascript
4.优化和压缩图像：
大多数网站中最大的元素通常是图像。 优化这些图像很重要，无论是主图还是标题图，甚至是视差的背景图。 虽然基本的 SEO 规则建议您应该尽可能减小图像的大小，并在网页所需的尺寸中使用图像。 其他优化图像的方法是：
- 仅在绝对必要时使用图像。 如果可能，请尝试将其替换为文本内容。
- 尽量使用第三方工具压缩图片
- 考虑使用正确的图像格式并采用现代格式（JPEG 2000、JPEG XR 或 WebP）
- 了解响应式图像的工作原理并尽可能多地使用它们
5.压缩文本文件：
就像其他资源一样，即使是文本文件也会在加载网站时从服务器传输到服务器。 尽管它们的大小非常小，但它仍然有助于压缩文本文件。 有许多优秀的第三方工具可用于此。 对于任何标准网站，据观察压缩文本文件最多可以节省 0.8 到 0.9 秒。
6. 客户端渲染：
您可以进行的主要改进始终在网站服务器部分，无论是压缩代码和媒体还是优化脚本。 虽然在客户端渲染部分您无法控制太多，但执行以下步骤仍然很有帮助：
- 最小化关键的 JavaScript 包
- 优化服务器端渲染和缓存
- 使用预渲染工具
7. 分解长期任务并确定优先级：
这听起来像是业务管理建议，但在网页加载的情况下也很有效。 将长时间运行的代码分解为次要和异步任务总是有帮助的。 任何执行时间超过 50 毫秒的网站代码都可以称为长任务，并导致 FID 增加。 您需要检查这些任务并优化它们以减少它们花费的时间或将它们分解成更小的块。
8. 使用网络工作者：
输入延迟和 FID 分数差的主要原因之一是主线程阻塞。 大多数时候，繁重的 Javascript 代码是造成这种情况的原因。 为了缓解这种情况，您可以使用在单独的后台线程上运行这些 Javascript 而不会阻塞主线程的 Web Workers。 还建议您将非用户界面操作移至另一个线程，因为这也将释放主线程，从而更快地加载它并改进 FID 索引。 您可以考虑使用Comlink 、 Workway和Workerize等 Web Worker 。
9. 在图像中使用纵横比：
Web 开发人员最初并没有过多关注他们处理的媒体文件，尤其是如何处理图像。 现在他们对使用正确尺寸和正确格式的图像非常警惕。 但是仍然需要改进的是添加正确的维度。 许多开发人员仍然使用高度和宽度尺寸标签来定义图像的大小。 后来这被替换为图像大小的 % 定义，这有助于提高网站的响应能力。 但是如果你想提高你的 CLS 分数，那就开始使用纵横比来设置图像。 该信息将为浏览器提供正确的信息，并在加载时为图像分配设置的空间。
10. 嵌入第三方元素：
当我们创建网站时，我们必然会在网站中嵌入某些第三方元素。 这可以是 YouTube 视频或 Google Ads 的形式。 这里的问题是，这些嵌入项对网站的 Cumulative Layout Shift 指数有重大影响。 因此，您需要遵循这些最佳实践，以确保它们不会对 CLS 产生不利影响：
- 为网页上的广告/视频静态保留尽可能大的空间
- 在网站标题附近放置非粘性广告时应避免或格外小心
- 如果没有显示广告，请勿折叠广告容器； 相反，将其保留为空白
- 完成 iFrame 布局并通过静态代码为其设置容器大小
- 尽量避免无限滚动，而不是离线加载内容并提供阅读更多按钮
对 Core Web Vitals 及其对 SEO 排名的影响的理解仍在不断发展。 但是，以下几点似乎对 PageRank 的影响最大。 建议您先运行优化网站的常规操作。 然后使用上面提到的一些 Core Web Vitals 跟踪工具，您可以检查每个索引的分数。 根据这些输入，您可以进一步优化网站并确保获得更好的分数。 此外，就像 SEO 一样，结果不会是即时的，因此您必须耐心地继续努力改善您的 Core Web Vitals。