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 为载入该图片所需的时间。
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）降低第一、三方的脚本执行与资料截取
使用Ｗeb Ｗorker 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
- 上一篇：SEO搜索优化如何提升网站关键词排名呢？
- 下一篇：外贸SEO核心关键词定位在哪呢？
