什么是核心网络生命力?为什么它们如此重要?
zhezhongyun 2025-01-08 18:42 59 浏览
在这个问题上:
- 核心网络生命力是什么?
- 如何测量 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框架搭建技术文档平台
相关推荐
- 用豆包生成的BMI计算器(豆包的热量是多少?)
-
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8...
- Android 开发中文引导-应用小部件
-
应用小部件是可以嵌入其它应用(例如主屏幕)并收到定期更新的微型应用视图。这些视图在用户界面中被叫做小部件,并可以用应用小部件提供者发布。可以容纳其他应用部件的应用组件叫做应用部件的宿主(1)。下面的截...
- Qt推流(视频文件/视频流/摄像头/桌面转流媒体rtmp+hls+webrtc)
-
一、前言说明推流直播就是把采集阶段封包好的内容传输到服务器的过程。其实就是将现场的视频信号从手机端,电脑端,摄影机端打包传到服务器的过程。“推流”对网络要求比较高,如果网络不稳定,直播效果就会很差,观...
- 一看就会!谷歌广告转化跟踪详细设置指南来了
-
在出海推广业务中,投放广告最常见的目的是获取订单,但我们怎么知道有没有达成投放目的呢?谷歌转化跟踪技术就可以做到!熟悉谷歌的卖家朋友都知道,转化跟踪在最近几年变得越来越复杂了,虽然有很多选项可以自定义...
- Android原生编解码接口MediaCodec详解
-
作者:躬行之MediaCodec是Android中的编解码器组件,用来访问底层提供的编解码器,通常与MediaExtractor、MediaSync、MediaMuxer、MediaCrypt...
- 手把手搭建RTSP流媒体服务器(rtsp 流媒体)
-
0.引言本文主要讲解如何搭建RTSP流媒体服务器的过程,使用开源项目ZLMediaKit。通过这个开源项目,推RTSP流到服务器,然后拉流端可以拉取RTSP、RTMP等流。ZLMediaKit码云链接...
- MediaInfo 24.04.0 是一个关于多媒体文件的信息提供工具
-
MediaInfo24.04.0是一个关于多媒体文件的信息提供工具(仅当文件中包含信息时才提供):包括常规信息(标题、作者、导演、专辑、曲目编号、日期、时长等);视频信息(编解码器、画面比例、帧率...
- rmvb格式视频怎么打开,rmvb转MP4认准这个方法
-
一、rmvb是什么格式? RMVB是一种视频文件格式,其中的VB指的是可变比特率。比起上一代的RM格式,RMVB 格式的画面比较清晰,因为它是降低了静态画面下的比特率。 二、制作rmvb ①...
- 教你用Plex Media Server,把铁威马变成你的“私人好莱坞”!
-
TNAS(铁威马NAS)中可以安装多媒体服务器、影视、PlexMediaServer、EmbyServer作为个人媒体服务器使用。PlexMediaServer可以组织整理TNAS上的媒体...
- 你肯定用过!经典Windows软件被抛弃
-
Windows系统这些年持续更新的过程中,不断融入新的软件和功能的同时,一些经典的应用也渐渐成为了历史……Windows媒体播放器被抛弃Windows系统不断地推陈出新,一些老旧的组件也难免被抛弃,在...
- 博思得Q8标签打印全能手(博思得标签打印机安装教程)
-
2014-12-0905:35:00作者:宋达希【中关村在线办公打印频道原创】服装吊牌、洗涤标签、产品说明标签等都要用到标签打印机,这些标签涵盖多种尺寸的长度和宽度以及材质。另外作为一件商品或者产...
- flv文件用什么播放器打开,这样做不踩雷!
-
FLV是FLASHVIDEO的简称,是随着FlashMX的推出发展而来的视频格式。它的出现有效地解决了视频文件导入Flash后,使导出的SWF文件体积庞大,不能在网络上很好的使用等问题。一、...
- media player怎么转换格式?音频转换神器推荐!
-
Windowsmediaplayer怎么转换格式?WindowsMediaPlayer是微软公司出品的一款多媒体播放器,通常简称“WMP”。提供了编辑音频和视频文件的功能。用户可以使用该软件导...
- 视频参数检查工具更新:MediaInfo 23.10
-
MediaInfo提供有关视频或音频文件的技术和标签信息。信息示例包括编解码器、比特率、每秒帧数、宽度、高度、频道数、持续时间、标题、作者、字幕语言和章节名称。多种方式可以查看信息(文本、工作表、树和...
- 多媒体管理软件:JRiver Media Center 31.0.68 (64位)
-
JRiverMediaCenter64位是适用于大量库的完整媒体解决方案。它组织、播放和标记所有类型的媒体文件,并对Xbox、PS3、UPnP、DLNA和TiVo进行翻录、刻录。JRiverM...
- 一周热门
- 最近发表
- 标签列表
-
- HTML 教程 (33)
- HTML 简介 (35)
- HTML 实例/测验 (32)
- HTML 测验 (32)
- JavaScript 和 HTML DOM 参考手册 (32)
- HTML 拓展阅读 (30)
- HTML常用标签 (29)
- 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)
- HTML button formtarget 属性 (30)
- CSS 水平对齐 (Horizontal Align) (30)