什么是核心网络生命力?为什么它们如此重要?
zhezhongyun 2025-01-08 18:42 95 浏览
在这个问题上:
- 核心网络生命力是什么?
- 如何测量 CWV?
101 号
核心网络生命力是什么?
核心网页指标 (CWV)是一系列与网站用户体验相关的指标。它们衡量网页的加载性能、交互性和视觉稳定性。用户体验越好,网页在搜索中的表现就越好。
核心网页指标是 Google 用来决定网站整体用户体验的“网页体验”排名信号的一部分。理论上,良好的核心网页指标将有助于提高搜索排名。
CWV 于 2020 年 5 月推出,包含三个信号——最大内容绘制 (LCP)、首次输入延迟 (FID)和累积布局偏移 (CLS)。2024年 3 月,Google 添加了下一次绘制交互 (INP)并删除了 FID。与首次渲染相比, 这个新指标更好地体现了整个页面的用户体验。
这些指标中的每一个都在 Google Search Console 中提供报告。监控这些指标,看看“较差”或“需要改进”的 URL 分组中是否有峰值。这表明您的网站存在问题。
关于 CWV 你需要了解什么
努力实现真正好的核心网络生命力,但要知道它们永远不会完美。
拥有完美的 CWV 几乎是不可能的,尤其是在新闻 SEO 中。我们的网站还面临着互动新闻、广告投放和 CTA 的额外挑战——所有这些都是必要的, 但会减慢页面速度。让所有东西在每次互动中都无缝衔接是非常具有挑战性的。
专注于良好的用户体验,为您的读者提供他们需要的信息,而不是挑剔您的 URL 的细节。
页面体验图表来自 Ahrefs
核心 Web Vitals 指标
最大的内容涂料 (LCP)
最大内容绘制(LCP) 测量相对于页面首次开始加载时间的主内容加载时间。主内容是视口内可见的最大图像或文本块(即屏幕上加载的内容)。超出屏幕的任何内容均不计算在内。
良好的 LCP 分数应为2.5 秒或更短。
以下是LCP 所 考虑的元素:
- <img> 元素;
- <image><svg> 元素内的元素;
- <video> 元素(使用海报图像);
- 通过url()函数加载背景图像的元素(与CSS 渐变相反);
- 包含文本节点或其他内联级文本元素子项的块级元素。
如何知道我的网站是否符合 LCP 要求:通过Google Lighthouse运行您的网页或使用SEO Pro Extension查看 LCP 分数。如果您网页上的内容和图片立即加载,然后是其他所有内容(视频、广告、CTA),则您可能处于有利位置。但如果内容没有显示或延迟,则表明您需要改进加载时间。
下一次绘画互动 (INP),原先的首次输入日 (FID)
交互到下一次绘制 (INP)是衡量用户整个旅程中页面整体交互延迟的指标。它评估页面对用户交互(例如点击下拉菜单或按播放视频)的响应速度。INP 取代了首次输入延迟 (FID),后者是之前仅衡量首次用户交互的指标。INP 衡量用户旅程的所有影响。
(对 FID 的支持将于2024 年 9 月 9 日结束。站点应该已经切换到 INP。)
- 良好的 INP 分数应为200 毫秒或更少。
- INP仅通过以下方式测量:
- 用鼠标点击;
- 点击带有触摸屏的设备;
- 按下物理键盘或屏幕键盘上的某个键。
- 不测量悬停、缩放和滚动。
如何知道我的网站是否适合 INP:确保在应该有事件的地方有事件!例如,导航中的项目是否可点击?单击下拉菜单时是否需要一些时间来加载?视频是否立即播放?在读者输入时,是否立即在表单中输入内容?
累积布局偏移 (CLS)
您是否曾尝试取消订阅某些内容,然后页面布局突然发生变化,导致您意外地又订阅了一周的盒装餐食?累积布局偏移(CLS) 就是用于测量这一点的指标 — 页面的视觉稳定性及其变化频率。
CLS 关注的是“布局偏移”的最大爆发(即内容从一个渲染位置移动到另一个渲染位置的次数)。字体加载、图像、视频、联系表单、按钮等通常会导致 CLS。
- 良好的 CLS 分数应为0.1 或更低。
- 动画和过渡是造成这种情况的罪魁祸首,因此请检查您网站的 CSS、JavaScript 或任何其他特殊组件如何影响此分数。
如何知道我的网站是否适合 CLS:确保页面加载后读者所看到的内容没有变化。
每个指标的基线
通过 Ahrefs 为每个指标设定基准
诀窍
如何衡量核心网络指标
拥有优质的页面体验不仅对 Google 排名至关重要,还有助于确保访问您网站阅读新闻的读者能够轻松访问他们所需的一切并获得良好的体验。这是建立牢固品牌关系的基础 — 促使人们订阅或支持您的出版物。
有许多工具(来自 Google 和第三方)可以报告您在 CWV 指标方面的表现。
Google 工具:
- Google Search Console有自己的 Core Web Vitals 报告。这是最好的起点。但是,此报告仅显示 28 天的滚动平均值。
- Google Lighthouse :一种开源自动化工具,可审核页面在服务过程中的性能、可访问性、SEO 等。
- Page Speed Insights:同样由 Google 运营,可让您了解导致网站速度变慢的原因(未压缩的图像、未使用的 JavaScript 等)。它还会告诉您网站可能存在三种 CWV 中的哪一种问题。
- Chrome UX (CrUX) 报告:反映现实世界的 Chrome 用户如何体验网络上热门目的地的数据集。
第三方工具:
- SEO Pro Extension直接在浏览器中提供 CWV 分数。
- Core SERP Vitals Extension在 Google 上提供 CWV 分数,因此您可以与其他网站进行比较。
- Search Engine Journal 上 列出了其他用于测量 CWV 的工具。
这些内容都会为您提供大量信息,帮助您了解 CWV 以及应该将重点放在哪里。首先要压缩图像,减少未使用的 CSS,并确保网页上的加载体验达到最佳。并且尽可能少用 JavaScript。
关于 CWV 的警告
核心网络生命力应该是您的新闻编辑室持续努力的一项工作,但不是您的首要任务。
大量“不良” URL 值得关注;但是,多少才算大量取决于您网站的规模或性能不佳的原因。对于小型网站来说,1,000 个“不良” URL 绝对值得关注,但对于大型发布商来说,可能并非如此。
与您的网站团队密切合作,找出并了解 CWV 分数的原因。不要惊慌。您的重点仍然是优质内容、引人入胜的页面和技术完善的网站。
底线:核心网络指标是整个新闻 SEO 组合的重要组成部分。确保您的 CWV 指标处于健康水平,但不要花太多时间试图获得完美分数。整体良好的用户体验是最重要的。
- 上一篇:前端实现最佳截图方案(上)
- 下一篇:基于GitBook框架搭建技术文档平台
相关推荐
- Python入门学习记录之一:变量_python怎么用变量
-
写这个,主要是对自己学习python知识的一个总结,也是加深自己的印象。变量(英文:variable),也叫标识符。在python中,变量的命名规则有以下三点:>变量名只能包含字母、数字和下划线...
- python变量命名规则——来自小白的总结
-
python是一个动态编译类编程语言,所以程序在运行前不需要如C语言的先行编译动作,因此也只有在程序运行过程中才能发现程序的问题。基于此,python的变量就有一定的命名规范。python作为当前热门...
- Python入门学习教程:第 2 章 变量与数据类型
-
2.1什么是变量?在编程中,变量就像一个存放数据的容器,它可以存储各种信息,并且这些信息可以被读取和修改。想象一下,变量就如同我们生活中的盒子,你可以把东西放进去,也可以随时拿出来看看,甚至可以换成...
- 绘制学术论文中的“三线表”具体指导
-
在科研过程中,大家用到最多的可能就是“三线表”。“三线表”,一般主要由三条横线构成,当然在变量名栏里也可以拆分单元格,出现更多的线。更重要的是,“三线表”也是一种数据记录规范,以“三线表”形式记录的数...
- Python基础语法知识--变量和数据类型
-
学习Python中的变量和数据类型至关重要,因为它们构成了Python编程的基石。以下是帮助您了解Python中的变量和数据类型的分步指南:1.变量:变量在Python中用于存储数据值。它们充...
- 一文搞懂 Python 中的所有标点符号
-
反引号`无任何作用。传说Python3中它被移除是因为和单引号字符'太相似。波浪号~(按位取反符号)~被称为取反或补码运算符。它放在我们想要取反的对象前面。如果放在一个整数n...
- Python变量类型和运算符_python中变量的含义
-
别再被小名词坑哭了:Python新手常犯的那些隐蔽错误,我用同事的真实bug拆给你看我记得有一次和同事张姐一起追查一个看似随机崩溃的脚本,最后发现罪魁祸首竟然是她把变量命名成了list。说实话...
- 从零开始:深入剖析 Spring Boot3 中配置文件的加载顺序
-
在当今的互联网软件开发领域,SpringBoot无疑是最为热门和广泛应用的框架之一。它以其强大的功能、便捷的开发体验,极大地提升了开发效率,成为众多开发者构建Web应用程序的首选。而在Spr...
- Python中下划线 ‘_’ 的用法,你知道几种
-
Python中下划线()是一个有特殊含义和用途的符号,它可以用来表示以下几种情况:1在解释器中,下划线(_)表示上一个表达式的值,可以用来进行快速计算或测试。例如:>>>2+...
- 解锁Shell编程:变量_shell $变量
-
引言:开启Shell编程大门Shell作为用户与Linux内核之间的桥梁,为我们提供了强大的命令行交互方式。它不仅能执行简单的文件操作、进程管理,还能通过编写脚本实现复杂的自动化任务。无论是...
- 一文学会Python的变量命名规则!_python的变量命名有哪些要求
-
目录1.变量的命名原则3.内置函数尽量不要做变量4.删除变量和垃圾回收机制5.结语1.变量的命名原则①由英文字母、_(下划线)、或中文开头②变量名称只能由英文字母、数字、下画线或中文字所组成。③英文字...
- 更可靠的Rust-语法篇-区分语句/表达式,略览if/loop/while/for
-
src/main.rs://函数定义fnadd(a:i32,b:i32)->i32{a+b//末尾表达式}fnmain(){leta:i3...
- C++第五课:变量的命名规则_c++中变量的命名规则
-
变量的命名不是想怎么起就怎么起的,而是有一套固定的规则的。具体规则:1.名字要合法:变量名必须是由字母、数字或下划线组成。例如:a,a1,a_1。2.开头不能是数字。例如:可以a1,但不能起1a。3....
- Rust编程-核心篇-不安全编程_rust安全性
-
Unsafe的必要性Rust的所有权系统和类型系统为我们提供了强大的安全保障,但在某些情况下,我们需要突破这些限制来:与C代码交互实现底层系统编程优化性能关键代码实现某些编译器无法验证的安全操作Rus...
- 探秘 Python 内存管理:背后的神奇机制
-
在编程的世界里,内存管理就如同幕后的精密操控者,确保程序的高效运行。Python作为一种广泛使用的编程语言,其内存管理机制既巧妙又复杂,为开发者们提供了便利的同时,也展现了强大的底层控制能力。一、P...
- 一周热门
- 最近发表
- 标签列表
-
- HTML 教程 (33)
- HTML 简介 (35)
- HTML 实例/测验 (32)
- HTML 测验 (32)
- JavaScript 和 HTML DOM 参考手册 (32)
- HTML 拓展阅读 (30)
- HTML文本框样式 (31)
- HTML滚动条样式 (34)
- HTML5 浏览器支持 (33)
- HTML5 新元素 (33)
- HTML5 WebSocket (30)
- HTML5 代码规范 (32)
- HTML5 标签 (717)
- HTML5 标签 (已废弃) (75)
- HTML5电子书 (32)
- HTML5开发工具 (34)
- HTML5小游戏源码 (34)
- HTML5模板下载 (30)
- HTTP 状态消息 (33)
- HTTP 方法:GET 对比 POST (33)
- 键盘快捷键 (35)
- 标签 (226)
- opacity 属性 (32)
- transition 属性 (33)
- 1-1. 变量声明 (31)
