如何在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月

顯示評論

相關文章