是否是 AMP、JavaScript 还是链接构建,SEO 社区无法就此达成一致。

但是,我们绝大多数人都可以做到的一件事是更好地告知与我们一起工作的人,他们不在 SEO 泡沫中,以解释其重要性和您的目标业务影响。更好的。

促进更好地了解 SEO 问题和影响(例如其他营销团队、客户和高级利益相关者)的好处可以帮助您:

  • 获得更多预算。
  • 拥有更好的客户关系。
  • 查看开发团队和整个企业优先考虑的 SEO 计划、活动和行动。

下行工具

让那些不太熟悉我们空间的人更好地理解 SEO 的一个好方法是从我们使用的工具中获取数据并将其带入进入可定制的仪表板。

这种方法是有益的,因为它:

  • 允许您删除令人困惑的行话并以外行的方式呈现数据。
  • 这意味着您呈现的正是您想要的,而不是工具的用户界面所暗示的。
  • 也许在您的目标受众已经熟悉的仪表板解决方案中,例如 Google Data Studio。
  • 使 SEO 工具数据能够与您的受众可能已经在使用的其他来源(例如,来自搜索控制台和 PPC 团队的 Google Ads)混合。

从 Velocity 开始

您将学习一种使用仪表板将 SEO 相关数据传达给不同团队和利益相关者的方法。

为对于此示例,出于以下原因,我选择构建一个专注于速度指标的 Data Studio 仪表板:

  • 加载时间是每个人都能轻松看到改进的好处。
  • 网站速度会影响许多不同的业务功能(例如,用户体验、所有获取渠道、高层利益相关者)。
  • 网站速度与跳出率和转化率呈正相关。

构建您的 Velocity 仪表板

我构建的 Velocity 仪表板旨在为监控性能指标和功能数据提供一个焦点:

    < li>Google PageSpeed Insights (PSI)
  • Chrome 用户体验报告 (CrUX)

仪表板旨在让不熟悉速度指标的人可以访问同时仍然为精通该领域的人提供有用的见解。

我在这里提供了模板,但请记住,这是一项正在进行的工作,应该被视为构建您自己的仪表板的起点。

注意:我知道仪表盘确实放大了笔记本电脑的屏幕。这就是我要解决的问题,但现在,您需要缩小以查看整个仪表板。

将 PageSpeed Insights 引入 Data Studio

此仪表板的 PageSpeed Insights 部分显示:

  • Google 的移动和桌面得分单个网址。
  • 优化机会的数量。
  • 查看完整报告。

我如何构建这个?

此数据由 Grant Kemp 通过 PageSpeed Insights Community Connector 生成。

设置连接器确实需要通过 Apps 脚本部署您自己的连接器版本,但 Kemp 在文档中提供了清晰的分步说明,使设置相对简单。

它显示了什么?

在 Data Studio 中设置连接器后,您将能够看到台式机和移动设备的 PSI 分数。该连接器还允许您显示 PSI 发现的机会数量。

在在分数和机会记分卡下方,我嵌入了该 URL 的 PSI 报告,因此您可以查看这些优化机会实际是什么以及浏览整个报告。

我还将网页本身作为视觉参考嵌入,以加强此数据所指的页面。

是使用同一个连接器多次设置单独的数据源以显示不同 URL 的 PSI 分数。

我建议从不同的模板(例如主页、类别页面、产品页面和博客文章页面)设置这些示例页面。

由于您可以通过 PSI 运行任何 URL,您可能还需要考虑为竞争对手的页面创建一个单独的数据源,以便您可以比较它们在性能方面的表现。

它有什么用?

虽然此连接器仍处于起步阶段并有其局限性,但它仍然提供了有关 Google 如何判断 PageSpeed 的宝贵见解,这有助于通过以下方式影响他人:

  • 性能分数和机会领域从权威来源清晰而简单地显示出来,作为采取行动的动力。
  • 将竞争对手的页面与您希望优化的域名并排比较可以成为改变的强大动力,尤其是对于更高级的利益相关者而言。
  • 比较同一网站上或自有资产之间的页面模板可以帮助企业了解他们应该将开发资源集中在哪里。

将 Chrome 用户体验报告 (CrUX) 引入数据工作室

Chrome 用户体验报告是一个独特的数据集,因为它展示了真实用户如何大规模体验页面加载和连接以及设备类型。

这有助于消除反对优化的主观论据(例如,“网站对我来说似乎很快。”)

虽然这个来自真实用户的性能指标数据库非常有用,但它如果您不知道 DOMInteractive 中的 First Contentful Paint,可能会有点令人反感。

在此仪表板的第二部分,我的目标是使 CrUX 指标尽可能易于理解。

希望更广泛的受众能够了解这些性能指标对他们感兴趣的网站的看法。

我这个怎么建?

要构建此信息中心,请转至 g.co/chromeuxdash 以配置 Chrome UX 报告连接器。

授权、指定域并检查已通过的指标和维度后,您应该像我在模板中所做的那样开始构建仪表板。

值得注意的是,如果您有更多时间来了解数据集以及如何查询它,则可以通过 BigQuery 访问原始 CrUX 数据。

如果我有兴趣,我强烈建议您阅读 Paolo Calvano 的这个教程系列。

它显示了什么?

从上到下,我模板中的 Chrome UX 报告页面显示:

  • 用于在不同根域之间切换的过滤器。

    li> 与上一季度和上一年相比,上一季度慢速、平均和快速页面加载的比率。

    li> 与上一季度相比,上一季度的连接和设备分布明细。

    li> 慢速、平均和快速页面加载的比率在过去 12 个月后趋于平缓。

    li> 对于每个单独的 CrUX 指标(First Paint、First Contentful Paint、DOMInteractive 和 Onload),平均速度较慢和速度较快的页面加载比例。
  • 附上上述指标的定义。

    li>连接和设备分布在过去 12 个月内呈趋势。

它有什么用?

在我的模板中使用 CrUX 指标构建仪表板可用于:

  • 快速轻松地展示来自 Chrome 的实际访问者如何体验网站。这非常适合向需要说服网站性能问题的客户、管理团队或任何利益相关者展示。
  • 通过查看个人绩效指标来识别网站速度方面的具体问题,从而帮助指导开发团队。
  • 传达当前趋势并解释性能波动(例如,展示新站点启动如何减少加载时间并帮助提高各种业务指标)。
  • 促进测试访问者实际用于访问网站的设备和连接(例如,通过 3G 连接测试网站速度,因为这是大多数移动用户访问网站的方式)。

后续步骤

希望您发现此模板是一个有用的起点,可用于传达您网站的性能。

希望您可以以此为跳板,从根本上改变与同事和客户的沟通方式。

我发现构建仪表板有很大的价值,它有助于清楚地解释我工作的各个方面,从而促进跨团队协作。

此仪表板模板尚未完成。我将在不久的将来继续添加和改进其他数据源。

我很想听听您对此仪表板的任何想法、想法、问题或评论。

期待看到您可以使用这些数据源构建出惊人的作品!

图片来源

所有截图均为作者2019年8月截图

显示评论