SmartCrawl 现在集成了 Lighthouse SEO 扫描功能
Google Lighthouse 是测试网站性能的行业标准,现已内置于我们的 SEO 插件 SmartCrawl .
Lighthouse 历来能够以多种方式运行:作为 Chrome DevTools、作为单独的 Chrome 插件(有一些限制)和作为 Node 包(将其合并到您的构建过程中).
现在,您可以直接在 SmartCrawl 的仪表板中进行操作(或者,如果您是 WPMU DEV 成员,则可以从我们简化的 Hub 界面)进行操作,而无需接触任何代码.
继续阅读全文,或使用下面的链接跳转到任何部分:
- 为什么选择灯塔?
- 灯塔导览
- 在 Lighthouse 结果中寻找什么
- 在 SmartCrawl 中设置 Lighthouse
- 在 SmartCrawl 中使用 Lighthouse SEO 的优势
- 灯塔(房子)
好的,让我们深入研究这个有启发性的新功能.
为什么是灯塔?
Lighthouse 是一种开源审计工具,可提供五个方面的标准化分数:
- 性能
- 渐进式网络应用
- 最佳做法
- 可访问性
- 搜索引擎优化
Lighthouse 使用模拟数据(也称为实验室数据)运行性能测试.这是在受控环境(具有预定义的设备和网络设置)内收集的性能数据,有助于评估和调试性能问题.
正如我们在过去的许多优化文章中所提到的,您的测试结果中有许多变量.Lighthouse 在受控环境中通过本地机器测试的内容并不等同于 1:1 的实际使用情况.尽管如此,它总体上还是一个有用的指标,也是您工具包的宝贵补充.
灯塔导览
大事的开始
2020 年 5 月,Google 支持的 Chromium 项目宣布了一组三个指标,浏览器将使用这些指标来衡量性能.
被称为 Web Vitals,这些指标 ― 加载、交互性和视觉稳定性-成为 Google 计划的一部分,为质量信号提供指导.
由于 Web Core Vitals 占 Lighthouse 性能得分的一半以上,因此重点转向了新的、更精细的目标.
迫在眉睫:页面体验
Google 还在 2020 年 5 月宣布页面体验信号将包含在 Google 搜索排名中.
新的页面体验信号将 Core Web Vitals 与 Google 现有的搜索信号相结合:移动友好性、安全浏览、HTTPS 安全性和侵入性插页式指南.
Google 的页面体验计划于 2021 年 8 月底完成,届时它将加入 Google 在生成搜索结果时考虑的数百个信号.
在灯塔结果中寻找什么
绩效指标
我们知道 Google Lighthouse 会根据上述五个因素分析您的网站;性能只是得分的最重要因素.
当您双击性能时,Google 会测量:首次内容绘制 (FCP);速度指数(SI);最大的内容绘制(LCP);交互时间(TTI);总阻塞时间(TBT);累积布局偏移 (CLS).
TBT 在最新版本的 Lighthouse 中已经超过了 LCP,现在是得分中权重最高的.TBT 衡量页面被阻止响应用户输入(例如鼠标点击、屏幕点击或键盘按下)的总时间.总和是通过将所有长任务的阻塞部分相加来计算的,即首次内容绘制和交互时间.
您可以通过转至 Lighthouse Scoring Calculator 查看分数的计算方式:
Lighthouse 报告还提供了一些提高移动网站速度的机会,包括它们将节省多少加载时间.其中包括减少渲染阻塞样式表、渲染阻塞脚本、适当调整图像大小以及修复屏幕外图像.
Lighthouse 可让您深入了解网页的性能.您可以而且应该利用这些发现为您带来好处.
SEO 检查
Lighthouse 有另一个很棒的功能:基本的 SEO 检查.您可以使用它来运行一个简单的审计,这将发现您的网站可能存在的基本 SEO 问题.它还提供了解决任何发现的问题的建议.
Lighthouse 目前检查四个不同类别的项目.我在下面列出了这些,并简要说明了每个人应该做什么.
搜索引擎必须了解您的内容:
- 文档有一个标题元素(应该是唯一的、描述性的、简洁的,并且不填充关键字)
- 文档具有元描述(因此它为搜索引擎提供了要包含在搜索结果中的页面内容摘要)
- 链接具有描述性文本(因此它们清楚地传达了超链接的目标)
- 文档具有有效的hreflang (因此它显示每种语言或地区的正确版本)
- 文档具有有效的rel=canonical(因此搜索引擎选择页面的主要版本而不是副本)
搜索引擎需要抓取您的网页并将其编入索引:
- 页面具有成功的 HTTP 状态代码(因此服务器为所有有效 URL 返回 200 秒的状态代码,或为已移动到另一个 URL 的资源返回 300 秒的状态代码)
- robots.txt 是有效的(因此它告诉搜索引擎他们可以抓取您网站的哪些页面)
- 文档不使用插件(因此可以对依赖于浏览器插件(例如 Java 或 Flash)的内容编入索引)
您的页面应该适合移动设备:
- 有一个 <meta name="viewport"> 标签,带有宽度或初始比例(因此视口的宽度和比例在所有设备上都是正确的)
- 文档使用清晰的字体大小(因此在移动设备上阅读起来不会太难)
- 点击目标的大小适当(因此触摸设备用户可以与之交互的网页区域足够大且相距足够远,使您的页面适合移动设备访问)
额外的手动检查:
- 结构化数据是有效的(因此搜索引擎可以了解您页面上的内容类型)
每个 SEO 审核在 Lighthouse SEO 分数中的权重相等,但手动结构化数据有效审核除外,这不影响分数.
Web.dev 是一个很好的资源,提供了上述每个Lighthouse SEO 审核项目.
在 SmartCrawl 中设置 Lighthouse
了解搜索指标的重要性后,让我们实施我们的 SEO-ness 最高测量员 智能抓取.(快说五倍!!)
您可以选择继续使用 SEO 检查,但我们强烈建议您切换到新的 SEO 审核.有了它,您将在自己的网站上获得最好的网络,确保它始终针对搜索引擎结果排名进行优化.(另外,请注意我们的 SEO Checkup 工具将在接下来的几个版本发布后完全贬值.)
WordPress 仪表板设置
从您的 WP 站点安装并激活 SmartCrawl 后,导航到她的仪表板,将弹出快速设置向导.
让我们保留所有预先选择的元素,然后单击开始使用按钮.
她会花几秒钟的时间来做她的事情,然后会加载带有各种菜单和标记的完整仪表板.从发现的问题列表中可以看出,SmartCrawl 在设置过程中运行了她的第一个测试.
在我们尝试修复任何问题之前,让我们从默认的 SEO Checkup 切换到新的、推荐的 Google Lighthouse SEO.为此,请点击切换到 Lighthouse SEO 审核文本.