如何在Google Data Studio中构建速度仪表板

[ad_1]
如何在Google Data Studio中构建速度仪表板

无论是AMP,JavaScript还是链接建设,SEO社区都无法一致同意。

然而,我们绝大多数人可以落后的一件事就是更好地告知与我们合作的人,他们不在SEO泡沫中,来解释其重要性及其对您所瞄准的业务的影响。更好。

促进更好地理解其他营销团队,客户和高级利益相关者等SEO问题和影响的好处可以帮助您:

  • 确保更多预算。
  • 有更好的客户关系。
  • 请参阅开发团队和整个企业优先考虑的SEO计划,活动和行动。

唐宁工具

向不太熟悉我们空间的人推广更好地理解SEO的一个好方法是从我们使用的工具中获取数据并将其带入可自定​​义的仪表板中。

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

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

从速度开始

您将学习一种可以使用仪表板与不同团队和利益相关者沟通SEO相关数据的方法。

null“data-srcset =”“data-src =”https://cdn.searchenginejournal.com/wp-content/uploads/2019/08/screenshot-2019-08-14-at-17.12.09.png

对于这个例子,我选择了构建一个 Data Studio 专注于速度指标的仪表板,我这样做是出于以下原因:

  • 加载时间是每个人都可以轻松看到改善的好处。
  • 站点速度影响许多不同的业务功能(例如,UX,所有采集渠道,高级利益相关者)。
  • 有一个正相关 网站速度具有跳出率和转化率。

构建您的速度仪表板

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

仪表板的设计对于那些不熟悉速度指标的人来说是可以理解的,同时仍然为那些精通这一领域的人提供有用的见解。

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

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

将PageSpeed见解引入Data Studio

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

  • Google针对单个网址的移动和桌面分数。
  • 优化机会的数量。
  • 访问完整报告。

如何在Google Data Studio中构建速度仪表板“data-srcset =”“data-src =”https://cdn.searchenginejournal.com/wp-content/uploads/2019/08/screenshot-2019-08-15-at -12.33.21.png“class =”b-lazy pcimg

我该如何建立这个?

这些数据是通过 PageSpeed Insights社区连接器 由…制作 格兰特肯普。

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

它显示了什么?

在Data Studio中设置连接器后,您将能够看到桌面和移动设备的PSI分数。连接器还允许您显示PSI找到的机会数。

如何在Google Data Studio中构建速度仪表板“data-srcset =”“data-src =”https://cdn.searchenginejournal.com/wp-content/uploads/2019/08/screenshot-2019-08-15-at -12.35.00.png

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

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

如何在Google Data Studio中构建速度仪表板“data-srcset =”“data-src =”https://cdn.searchenginejournal.com/wp-content/uploads/2019/08/screenshot-2019-08-15-at -12.36.23.png

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

我建议设置这些来自不同模板的示例页面(例如,一个用于主页,类别页面,产品页面和博客帖子页面)。

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

如何在Google Data Studio中构建速度仪表板“data-srcset =”“data-src =”https://cdn.searchenginejournal.com/wp-content/uploads/2019/08/screenshot-2019-08-15-at -12.38.15.png

它有什么用?

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

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

将Chrome用户体验报告(CrUX)引入Data Studio

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

这可以帮助消除反对优化的主观论点(例如,“该网站对我来说似乎很快。”)

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

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

希望更广泛的人能够了解这些性能指标对他们感兴趣的网站的评价。

如何在Google Data Studio中构建速度仪表板“data-srcset =”“data-src =”https://cdn.searchenginejournal.com/wp-content/uploads/2019/08/screenshot-2019-08-15-at -12.43.03.png

我该如何建立这个?

要构建此仪表板,请转到 g.co/chromeuxdash 配置Chrome UX报表连接器。

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

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

如果我感兴趣,我强烈建议你注意这一点 系列教程 保罗卡尔瓦诺。

它显示了什么?

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

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

如何在Google Data Studio中构建速度仪表板“data-srcset =”“data-src =”https://cdn.searchenginejournal.com/wp-content/uploads/2019/08/screenshot-2019-08-15-at -12.44.40.png

  • 上一季度缓慢,平均和快速页面加载的比例与上一季度和上一年度的比较。

如何在Google Data Studio中构建速度仪表板“data-srcset =”“data-src =”https://cdn.searchenginejournal.com/wp-content/uploads/2019/08/screenshot-2019-08-15-at -12.45.14.png

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

如何在Google Data Studio中构建速度仪表板“data-srcset =”“data-src =”https://cdn.searchenginejournal.com/wp-content/uploads/2019/08/screenshot-2019-08-15-at -12.45.21.png

  • 在过去12个月之后,缓慢,平均和快速页面加载的比例趋于平缓。

如何在Google Data Studio中构建速度仪表板“data-srcset =”“data-src =”https://cdn.searchenginejournal.com/wp-content/uploads/2019/08/screenshot-2019-08-15-at -12.45.26.png

  • 对于每个单独的CrUX指标(First Paint,First Contentful Paint,DOMInteractive和Onload),页面加载的比例具有缓慢的平均和快速性能。
  • 附带上述指标的定义。

如何在Google Data Studio中构建速度仪表板“data-srcset =”“data-src =”https://cdn.searchenginejournal.com/wp-content/uploads/2019/08/screenshot-2019-08-15-at -12.45.34.png

  • 在过去12个月中,连接和设备分布呈趋势趋势。

如何在Google Data Studio中构建速度仪表板“data-srcset =”“data-src =”https://cdn.searchenginejournal.com/wp-content/uploads/2019/08/screenshot-2019-08-15-at -12.46.25.png

它有什么用?

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

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

下一步

希望您发现此模板是如何沟通网站性能的有用起点。

希望您可以将其用作跳板,以便在与同事和客户沟通方面进行更根本的改变。

我发现了巨大的价值 建立仪表板 帮助清楚地解释我的工作方面,以帮助跨团队协作。

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

我很想听到您在此仪表板上可能有任何想法,想法,问题或意见。

期待看到您可以使用这些数据源构建的精彩创作!

图片来源

所有截图均由作者拍摄,2019年8月

显示评论

相关文章