本网站需要合作可以联系Q:707468216
当前位置:爱贝网 > 知识大全 > Google网站SEO排名因素有哪些?

Google网站SEO排名因素有哪些?

2021-03-17 21:34:23

SEO如何检视Google网站核心指标(LCP、FID、CLS)?
 
去年11月Google官方表示同年五月推出的「网站核心指标(LCP、FID、CLS)」,在2021年五月会纳入Google的演算法,正式列为排名因素。所以现在正是SEO们检视Google网站核心指标(LCP、FID、CLS)、并优化网站的使用者体验UX的时机了!
 
何谓「Google网站核心指标(LCP、FID、CLS)」?
 
Google 网站核心指标(LCP、FID、CLS) 是用于衡量网站的载入效率、互动性和页面稳定性的一组指标。这三个指标都与网站速度相关,长期以来对搜寻引擎及使用者而言是非常重要的。以下是三个Google 网站核心指标的介绍:
 
显示最大内容元素所需时间(LCP)
 
何谓LCP?
 
LCP,Largest Contentful Paint 是「显示最大内容元素所需时间」,计算网页可视范围内最大的内容元件需花多少时间载入。这项指标的意义是:网页上的主要内容需花多少时间才会被使用者看到,相当于网页给人的第一印象。
 
当页面被载入时,Google 会抓取页面中最大元素的载入时间作为LCP,而且LCP 会随着载入的内容越来越多而改变,直到页面完全载入后,最大元素即被确定为「真正的」LCP。
 
如下图TechCrunch 新闻网页载入的例子中,可以看到前两张图的LCP 是绿色框框里的新闻标题「E3's organizer」;在第三~四张图中,所判定的LCP 是另一个新闻标题「StockX was hacker,」;然后最后一张图的LCP 是标题下方的图片,在载入完毕后就没有出现更大的元件。因此本网页「真正」的LCP 为载入该图片所需的时间。
 
Google网站SEO排名因素有哪些?
 
LCP 的衡量指标
 
LCP 会侦测哪些内容元素?
 
各种格式的图片,除了。jpg、。png 等格式外亦包涵svg 向量图、影片预览大图等CSS 中的url() 函数载入的背景图元素
 
含有文字的区块元素或行内元素
 
如何优化LCP?
 
常见的LCP 优化项目如下:
 
减少网站主机回应时间
 
针对主机效能优化
 
引导用户到最近的CDN 主机
 
使用网页快取
 
提早载入第三方资源
 
尽量排除禁止转译(Render-blocking)的CSS 与JavaScript降低JavaScript 的阻挡时间
 
降低CSS 的阻挡时间
 
加速资源载入时间
 
图片大小优化
 
预先载入重要资源
 
压缩文字档案
 
根据使用者的网路状态提供不同资源(adaptive serving)使用service worker 来快取内容
 
避免使用前端(用户端)渲染(CSR)
 
尽量在后端(伺服器端)完成页面渲染,让用户端取得已渲染好的内容。若必须使用CSR 的话,建议优化项目如下:
 
将重要的JavaScript 最小化
 
使用网站预渲染(pre-rendering)
 
首次输入延迟时间(FID)
 
何谓FID?
 
你是否曾经点入一个网站,虽然有内容显示,但无论你怎样与网页互动,网页都没有反应?Google 针对这样的情形制定了First Input Delay (FID,首次输入延迟时间)这个指标。
 
FID,First Input Delay 是「首次输入延迟时间」,计算使用者第一次与网页互动(例如点击连结或按钮、打开式下拉选单、在文字对话框输入文字等) 时的延迟时间。这项指标代表了网页的互动与回应程度:在使用者尝试与网页互动时,网页是否能马上回应。
 
FID的衡量指标
 
如何优化FID?
 
过多的JavaScript执行,是造成FID延迟的主因:当浏览器的主执行绪(main thread)在忙着执行JavaScript时,是无法回应大多数的网页互动。所以SEO可以借着优化JavaScript在网页上的解析、编译和执行方式将直接减少FID:
 
分割long tasks(指执行JavaScript 时网页界面无法与用户互动的期间) 成较小的非同步工作(asynchronous tasks)降低第一、三方的脚本执行与资料截取
 
使用Web Worker API,让JavaScript 可在背景执行减少JavaScript 执行时间
 
累计版面配置转移(CLS)
 
何谓CLS?
 
你是否曾使用手机进入网站,网站虽已出现主要内容,但你正要开始阅读内容时,网页上又突然跳进某个广告图文,将你正要看的内容往下挤?这种被插队的感觉,想必带给你不良的使用者体验(UX)!Google 针对这样的情形制定了Cumulative Layout Shift (CLS,累计版面配置转移)这个指标。
 
CLS,Cumulative Layout Shift 是「累计版面配置转移」,计算网页载入时,已经出现的图会是否会因某个元件突然载入就被往下挤。CLS 的计算方式为:影响范围(占可视范围的百分比)*移动距离= 元件移位分数,例如你有75% 的文字内容被插入的元件下移了25%,那就是「0.75*0.25=0.1875 」(如下图所示)。
 
CLS的衡量指标
 
造成CLS 不良的原因
 
图片、影片没有指定尺寸(没下width、height 尺寸)广告、嵌入元素、iframe 没有指定尺寸(没下width、height 尺寸)突然插入在主内容之上的动态内容。
 
若真的要在网页上安插这些动态内容的话,就先在网页上预留该内容的区块,如此一来,等到动态内容「跳」进来时,就不会让将已载入的内容往其他地方「推」动。
 
SEO能做的优化方法:
 
网页加载字体太慢,导致字跑不出来、或是浏览器先套用其他字体替代,到正确的字体载入时,文字会出现闪烁一下的状况在主要的Web 字体上加上HTML 标记 <link rel=preload>:这样的做法就是告诉浏览器要提前将字型载入,让正确的字体能在第一时间出现、更不会有「闪一下」的状况。
 
使用HTML 标记 <font-display: swap;>:告诉浏览器要用替代字型,等真正的字型下载完毕再换上!
 
把字型存在本地端(self-hosted fonts),就是把字型下载下来后直接放在自己的网站,就可省去连到别的网站存取的时间、再来是假设使用者曾经造访过使用相同字型的网站,而浏览器快取了这个字型,这样的话就能更加速字型存取。
 
SEO能做的优化方法:
 
可用来检视LCP、FID、CLS 的SEO 工具目前Google 官方有推出多种监测Core web vitals 的辅助工具,大家可以到Chrome 线上应用程式商店下载以下工具并安装:
 
Lighthouse 与Page Speed Insights
 
Lighthouse与Page Speed Insights测速工具不只能为网站进行评分,更能提供SEO的网站优化项目,为网站的优化提供明确的方向。
 
SEO可透过Chrome DevTools来观看Core Web Vitals所参照的指标是在网页载入的哪个时间点发生,方便SEO进行网站优化。
 
Google Search Console
 
随着此次的网站体验指标更新之后,Google同时于GSC (Google Search Console )站长工具中更新指标,提供站内所有页面针对指标的评分,方便SEO优化。
 

版权保护: 本文由爱贝网整理,不代表个人观点转载请保留链接: http://www.wsjzxx.com/buyun/2021/0317/7333.html

关于博主爱贝网
爱贝网【QQ:707468216】专业提供海量的营销软文知识推广平台;是一站式品牌传播、媒体报道、软文推广,新闻源发布,自媒体发稿、快手、抖音、小红书、短视频、网红直播、试管婴儿知识等全网营销知识。
  • 文章总数
  • 997547访问次数
  • 建站天数