SmartCrawl 现在集成了 Lighthouse SEO 扫描功能

Google Lighthouse 是测试网站性能的行业标准,现已内置于我们的 SEO 插件 SmartCrawl .

Lighthouse 历来能够以多种方式运行:作为 Chrome DevTools、作为单独的 Chrome 插件(有一些限制)和作为 Node 包(将其合并到您的构建过程中).

现在,您可以直接在 SmartCrawl 的仪表板中进行操作(或者,如果您是 WPMU DEV 成员,则可以从我们简化的 Hub 界面)进行操作,而无需接触任何代码.

继续阅读全文,或使用下面的链接跳转到任何部分:

好的,让我们深入研究这个有启发性的新功能.

为什么是灯塔?

Google Lighthouse logo
Google 的灯塔召唤您来测试冲浪水域.

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 page experience
Google 的页面体验结合了 Core Web Vitals + Web Search 信号.

在灯塔结果中寻找什么

绩效指标

我们知道 Google Lighthouse 会根据上述五个因素分析您的网站;性能只是得分的最重要因素.

当您双击性能时,Google 会测量:首次内容绘制 (FCP);速度指数(SI);最大的内容绘制(LCP);交互时间(TTI);总阻塞时间(TBT);累积布局偏移 (CLS).

TBT 在最新版本的 Lighthouse 中已经超过了 LCP,现在是得分中权重最高的.TBT 衡量页面被阻止响应用户输入(例如鼠标点击、屏幕点击或键盘按下)的总时间.总和是通过将所有长任务的阻塞部分相加来计算的,即首次内容绘制和交互时间.

您可以通过转至 Lighthouse Scoring Calculator 查看分数的计算方式:

Lighthouse scoring calculator
Lighthouse 评分计算器允许您选择设备类型和评分版本.

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 quick setup wizard
SmartCrawl 在快速设置期间预先选择上述选项.

让我们保留所有预先选择的元素,然后单击开始使用按钮.

她会花几秒钟的时间来做她的事情,然后会加载带有各种菜单和标记的完整仪表板.从发现的问题列表中可以看出,SmartCrawl 在设置过程中运行了她的第一个测试.

SmartCrawl initial dashboard view
SmartCrawl 的检查提供我们网站 SEO 优化的综合报告.

在我们尝试修复任何问题之前,让我们从默认的 SEO Checkup 切换到新的、推荐的 Google Lighthouse SEO.为此,请点击切换到 Lighthouse SEO 审核文本.

SmartCrawl SEO checkup
通过 SEO Checkup 设置切换到 Google Lighthouse.

从页面顶部加载的 SmartCrawl 信息条中,点击蓝色的Try Lighthouse Audits 按钮,这会将您带到设置面板.

SmartCrawl confirm switch to Lighthouse SEO
在设置中集成 Google Lighthouse 功能后的确认消息.

点击Lighthouse Audits标签,选择是扫描桌面版还是移动版,然后点击保存设置.

SC SEO health settings
您可以在桌面和桌面之间切换在 Lighthouse Audits 设置中随时移动.

选择 Lighthouse Audits 后,您现在将查看 SEO 审核屏幕和仪表板小部件.

现在让我们使用 Lighthouse 运行测试.在仪表板的SEO 审核标签中,点击运行测试.

SC SEO audits run test
在这种情况下,我们选择了桌面,所以那些是我们将要捕获的结果.

运行测试后,SmartCrawl 列出了她的发现.SEO 审核分为四类:内容审核、爬网和索引审核、响应式审核和手动审核.您可以在 SmartCrawl 的文档中深入了解这些内容.

SC SEO health post test
一项您会很高兴检测呈阳性的健康测试是 SmartCrawls 的 SEO.

每次审核都包括概述、状态和最佳做法或解决方法的说明.点击任何列出的审核旁边的下拉箭头,查看有关如何改进 SEO 的建议.

单击即可轻松完成 SmartCrawl 提出的所有修复或建议.

我们建议尽可能多地解决已识别的问题,以确保您的网站对 SEO 最友好.

(重新)停靠港

报告是跟踪您最重要的 SEO 指标并将任何问题扼杀在萌芽状态的好方法.SmartCrawl 能够发送 SEO 审计报告,从而将其带到桌面上.有两种不同的类型:计划(自动)和条件.

对于预定报告,您可以选择频率-每天、每周、每月-以及每周的哪一天和一天中的什么时间.您还可以选择要包含在所述报告中的设备类型-桌面设备、移动设备或两者.

使用条件报告,您可以选择根据与基线值的差异程度发送 SEO 审计报告.设置允许在您的 SEO 分数低于指定阈值(10 到 100 之间的任何增量百分比)时触发报告发送.

要设置报告,请转到仪表板、报告、电子邮件和报告,然后单击 SEO 审计或站点地图爬虫的加号以获取每个报告.(注意:Sitemap Crawler 只能生成定期报告.)

SC setup emails thru dashboard
使用 SmartCrawl,SEO 报告和电子邮件通知基于您的选择.

从这里您可以满足您的喜好,在选定的日子里随心所欲地提供报告.次,或根据具体情况.

SC conditional reports
报告发送可以是自动的,也可以是有条件的.

我们已经看到通过 WordPress 仪表板控制 SmartCrawl 的设置是多么容易和有用.现在让我们看看我们可以通过 Hub 对它们做什么.

集线器设置

从 WPMU Dev 的 Hub 2.0,点击与您的任何托管站点一致的 SmartCrawl 图标,它将安装插件.

HUB SmartCrawl activate icon
这些中心设置中的绿色图标表示插件或功能已经安装&活动.

SmartCrawl 启动画面出现在视野中,带有一个蓝色的安装按钮.让我们点击它.

SC landing page in Hub
SmartCrawl 凭借卓越的 SEO 技能在黑暗中闪耀.

加载几乎相同的屏幕,这次带有一个蓝色的运行测试按钮,我们现在要点击该按钮.

在 SEO 分数下方提供了您最新的 Lighthouse Audit 结果的快速概览.

HUB SEO scan test results
单击任何审核类别以查看 SmartCrawl 的 SEO Health 中的其他详细信息屏幕.

其他 SEO 工具下,您可以选择要在中心显示的任何列出项目.单击其中任何一个激活将带您返回 WP 插件仪表板,您需要在其中输入其他相关信息,以便将它们作为活动面板包含在中心.

HUB SEO scan test results, other tools
一些SEO工具需要其他信息才能激活

例如,要查看 MozRank 数据,您需要连接到您的 Moz 通过提供您的 API 凭据(访问 ID 和密钥)来创建帐户.

通过 Hub 界面检查 SEO 工具在视觉上令人愉悦、实用且方便,因为用户可以在同一位置查看其所有网站的分数.而且,除了通过 WP 插件仪表板访问信息之外,还可以这样做,或者与它协同工作.两者都可以选择真是太好了.

在 SmartCrawl 中使用 Lighthouse SEO 的优势

  1. 单源测试
    借助 SmartCrawl 的 Lighthouse SEO 集成,用户可以在同一地点同时检查桌面移动审核.(在控制台上,您需要为每台设备单独执行此操作.)
  2. 修复触手可及
    SmartCrawl 直接在其 UI 中为用户提供任何问题的修复.(免责声明:有些审核没有.)
  3. 随时提供建议和帮助
    SmartCrawl 展示了最佳实践每次审计的上下文帮助.(在控制台上,您将被重定向到单独的文档页面.)
  4. 发送预定报告
    SmartCrawl 允许您定期发送 SEO 审核报告.
  5. 发送条件报告
    SmartCrawl 允许您根据条件变化发送 SEO 审计报告.
  6. 位置,位置,位置
    您所有网站的分数都可以在 SmartCrawl 仪表板中查看.或者…… The Hub.
  7. 中心ba 中心ba.
    集线器.这值得再次大声疾呼,因为它就是那么酷和那么有用.SmartCrawl 强大的 SEO 功能套件与 Hub 完全集成,因此您可以从一个简化的访问点管理所有连接的网站.

灯塔(房子)

大多数用户在访问您的网站时不会记录速度分数;但他们会记住体验感觉是快还是慢(两者之间的线以毫秒为间隔).我们生活在技术前沿的 2020 年代,大多数人不会满足于延迟满足.

SmartCrawl 是免费的,而且有很多好处.但是,如果您真的想全力以赴,请选择最终的 SEO 工具包服务,以及我们所有高度评价的插件,以及我们的 5 星级 24/7 支持.没有承诺!您可以免费试用我们的正式会员资格,或者我们的完全专用的个人网站托管服务.如果您不完全满意,我们将退还您辛苦赚来的 moolah.

无论您使用谁作为托管服务,以及您自己使用的任何插件或工具,请牢记 Google Lighthouse 和页面体验信号,并确保您的工具&提供商值得信赖且可靠.

6

发表回复