什么是核心网络生命要素? 6种方法优化您的网站页面体验更新

分享这
阿曼达·甘特图
分享

2020年5月, 谷歌 announced that they would be releasing a new ranking factor related to overall page experience (how quickly pages load, mobile-friendliness, 等……). Included in the existing page experience ranking signals are a set of metrics called 核心Web命脉.

The main goal of 核心Web命脉 is to make sure websites are providing a great user experience. 这真的不是什么新鲜事.

这是十三水游戏应该一直在做的事情(并且一直在做). 你希望用户在访问你网站的页面时能有很棒的体验.

Keep in mind that many of the “Page Experience” metrics are already being used to determine rankings 和 have been for a long time. 还记得 Mobilegeddon?

Back in 2015 谷歌 announced that mobile-friendliness would become a ranking signal. 他们这么做是因为越来越多的人使用手机. 为了提供良好的用户体验,网站应该对移动设备友好.

核心Web命脉也不例外. 下面是页面体验更新的过程.

核心网站的关键和页面体验更新

什么是核心网络生命要素?

核心Web Vitals是一组与页面速度相关的页面体验指标, 反应性和视觉稳定性.

或者是 约翰•穆勒 从谷歌说: “Web的核心要素包括加载、交互和烦恼(?)指标.”

他们是 用户体验指标 就像:

  • 页面加载速度有多快?
  • 页面上的内容是否会意外移动?
  • 页面的主要内容是否先加载?
  • 是否有侵入式弹出窗口?

他们是 一组现有的页面体验指标 这包括:

  • Mobile-friendliness
  • 安全——Https代替Http
  • 侵入性的弹出窗口
  • 安全浏览

什么影响核心网络生命?

核心Web Vitals包含三个指标:最大的内容绘制, 第一输入延迟和累积移位布局. Let’s review each metric, what affects each metric 和 how to optimize for 核心Web命脉.

什么会影响核心网络的生命要素

  1. 最大容量油漆(LCP): Measures the speed at which a page’s main content is loaded 和 appears on the screen. 基本上,就是页面加载的速度. 这受到渲染时间的影响, 大的图片, 背景视频, 和文本在视口(网页对访问者可见的部分).
  2. 第一次输入延迟(FID): Measures the speed at which users are able to interact with a page after l和ing on it. 这会受到JavaScript、第三方代码、跟踪脚本等的影响。
  3. 累积布局位移(CLS):测量用户遇到意外布局变化的频率(a.k.“烦恼”度量). 页面上的内容(按钮、cta等)是否发生意外移位? 这通常受到图像大小、动画或多种字体的影响.

This is the metric that is getting the most attention because it was not a metric we could measure before. But we’ve all been to a website (especially on mobile) where you mean to click on one thing 和 end up clicking on something else 就像 an ad.

我如何优化我的网站的核心Web至关重要?

我联系了十三水游戏的首席网络开发人员, 杰西卡·拉森, to get some insights on how to best optimize your website for core web vitals 和 overall page experience. Here are the most common elements that cause slow page speed 和 poor PageSpeed Insight scores.

1. 图像格式及大小

图片通常是导致低分的罪魁祸首. 这包括英雄图像(页面顶部的大图像), 内联图像, 背景图片, 等等,来解决这个问题, 你想压缩图像, 使用正确的尺寸和尺寸, 实现延迟加载, 并设置图像标签的高度和宽度属性.

2. 视频

而不是嵌入大视频文件直接到你的网站, 使用第三方视频托管服务,如Vimeo, Wistia, 或YouTube为您的访问者提供视频. This will reduce the b和width on your server 和 will deliver the appropriate video quality to the visitor’s environment. Lazy loading videos or deferring rendering the video until clicked will take some of the video loading away from the initial page load.

3. 跟踪脚本

Avoid using third-party tracking scripts that are not relevant to your business or your marketing. 查看站点上包含的脚本. Go through 谷歌 Tag Manager 和 review all of the tags then ask yourself these questions:

  • 每一页都需要它们吗? 如果没有,只在适当的页面上使用它们.
  • 这些标签相对于页面速度的成本效益是什么? 删除任何不必要的跟踪脚本.
  • 你真的需要它们吗? 如果不是,那就省点钱,把它们处理掉.

标签太多的例子

4. 字体

十三水游戏建议不要在你的网站上使用超过8种的自定义字体. 这包括字体族、字体权重和字体的斜体版本.

Preloading the font assets that are required for this page will instruct the browser to load it immediately. Storing your fonts locally will also reduce the number of HTTP requests 和 DNS lookups.

5. 广告、弹出窗口、促销条幅等……

Any change of layout that happens without prior user input will cause an unexpected layout shift. This will produce a bad CLS score 和 most importantly be super annoying to the visitor.

The fix would be to pre-determine the height 和 width of the space allocated for the ad or banner, 所以当广告加载时,页面布局不会发生变化. Avoid placing ads above other content so that when the webpage is fully loaded it doesn’t shift all the content below it.

6. CSS和Javascript

在加载大型CSS和Javascript时,页面加载的速度能有多快. 通过缩小和组合优化CSS和Javascript. Try 和 eliminate CSS和Javascript calls for pages that do not need them or only defer them to when needed.

注意: We highly recommend that you talk to your web developers when optimizing your website. There’s a lot of technical knowledge that goes into each piece of the page experience update. 如果你想深入了解网页体验和核心网络要素, 看看十三水游戏和 Mike King,来自iPullRank的搜索引擎优化专家.

核心网络生命会影响我的排名吗?

“谷歌有一个新的排名因素. 我的排名会下降吗?”

这可能是大多数营销人员所关心的. 这是十三水游戏被问到最多的问题.

核心Web命脉不太可能对排名产生影响. 最近谷歌更新 他们的文档 并表示将逐步推出该网站 “一般来说,不应该期待剧烈的变化.”

If your site provides a great user experience 和 you have quality content on your website, 排名可能不会受到影响. 还记得 that most of the page experience metrics have been ranking factors for years.

You might have a better core web vitals score but still not outrank someone who has a lower score. 谷歌有超过200个排名因素. 页面体验只是整体排名因素的一部分.

“一个好的页面体验并不能取代优秀的、相关的内容.” 谷歌.

页面速度是一个排名因素吗?

“我做了一份PageSpeed报告,结果我的网站得分很低. 我的网站坏了!”

耐克的网站坏了吗?

不,它没有坏. 但可以对其进行优化,以提供更好(和更快)的用户体验.

为了好玩,让十三水游戏检查一下谷歌自己的Pixel Bud商店的网页,看看他们做得怎么样.

看到? There’s always room for improvement but your page speed score is not the only factor you should focus on.

页面加载速度是整个页面体验的一个指标. 页面速度本身并不是一个重要的排名因素. (来源: 谷歌)

为什么页面速度很重要?

Page speed is important because it alleviates the frustration involved in waiting for sites to load. It creates a better user experience which affects user engagement (how people interact with your website) 和 conversions (sales 和 leads).

看看 研究 从谷歌. As page load times go up, the 就像lihood of someone sticking around on your webpage goes down.

移动页面速度行业新标杆

什么是理想的页面速度得分?

不要太关注实际的页面速度得分.

是的, 你可以做一些事情来优化你的网站来提高这些分数, but 谷歌 themselves have said that there’s not a typical score that you should shoot for.

I highly recommend watching this video from Martin Splitt 和 约翰•穆勒 从谷歌 as they answer page speed questions.

“只要让网站为用户快速.[1:17]马丁·斯普利特,谷歌网站管理员趋势分析师. “你永远不会有一个可以优化的分数.”

接下来是什么?

总的来说,页面体验更新是一件好事! 但十三水游戏不要太关注实际的数字.

Removing one popup from your website or reducing a few image sizes isn’t going to affect page experience or rankings. 优化你的网站, 继续创造优秀的内容, save yourself money by removing unneeded marketing tools 和 let’s all do our part to make the internet a better place.

有任何问题,评论,担忧? 请在下面的评论中留言.

分享这

你有什么想法??

签了字你就同意了十三水游戏的 隐私政策.

评论(2)
  • 伟大的作品阿曼达. I would have referenced under the “图像格式及大小” something about how your display size should be as close as possible to the native image size on the server. 换句话说, image downscaling should be minimized when there is a size discrepancy between native 和 display image sizes.

  • 谢谢你的建议! 我今天早些时候看到了一些关于核心网络生命值的东西, 但我没想过要把它和手机游戏做比较, 是的, 我记得mobilegeddon).

 
加入超过16,000人谁收到网络营销技巧每两周.

签了字你就同意了十三水游戏的 隐私政策.

分享这