從部落格學數據分析：用四張圖表，理解 Blog 成效

部落格「數據」需要留意什麼？如何判斷文章表現的好壞？又要怎麼建立 KPI 指標，來監測、優化和達到提升部落格流量目的？

Max 行銷誌寫到第三年才比較有抓到部落格經營的眉眉角角，慢慢的流量開始有起色。今天這篇來聊聊，至今我認為最合適的「KPI 指標」和需要觀察的「數據儀表板」。

接下來會有一系列的圖表分享給大家，如果有想複製儀表板，我將模板放置於：LookerStudio-模板分享 – Blog 數據追蹤儀表板

另外前陣子做了一個電商數據分析的 Looker Studio Dashboard 模板，可以從這邊領取，希望對你有幫助 🙂

Blog Dashboard DataStudio Template 複製 — Blog Dashboard LookerStudio Template 複製

Table

KPI 1. 經營部落格「流量」的北極星指標

*註：北極星指標 (North Star Metric) ，又稱為唯一重要的指標 OMTM ( One metric that matters)

「網站流量」就是由一個又一個的「關鍵字」所組成，如同 Frank 在如何獲得更多的自然搜尋流量？揭曉 SEO 流量組成的黃金公式 – Frank Chiu 文章中提到的黃金公式：

自然搜尋流量的公式 = 「關鍵字 A 搜尋量」 x 「關鍵字 A 點閱率（排名）」+「關鍵字 B 搜尋量」 x 「關鍵字 B 點閱率（排名）」+ 「關鍵字 C 搜尋量」 x 「關鍵字 C 點閱率（排名）」…

所以今天要介紹的第一張圖表就是「搜尋字詞量」：

▍圖表細節

Looker Studio 資料來源：Google Search Console
圖表：折線 > 組合圖
維度 X 軸：年月
指標 Y 軸 (左)：搜尋曝光次數
指標 Y 軸 (右)：搜尋字詞數量

▍使用說明

將「搜尋字詞量」設定為每月監測 KPI 指標後，會開始留意每篇文章中，使用者可能會搜尋的字詞，並融入文章中。本篇的重點會比較放在儀表板上，所以如何挑選關鍵字就不多琢磨，這邊推薦兩個關鍵字規劃工具，可以參考：

對照一下 Google Analytics 工作階段 (如下圖)，當 2020/1 月開始監測「搜尋字詞量」後，每個月 Google Search Console 搜尋字詞量約每月一千速度增加，每月的「自然搜尋流量」也有明顯攀升。

▍補充

除了擴充搜尋字詞量外，新增文章時，建議以「相同主題」類型進行擴充，可以看到 Max 行銷誌幾乎鎖定以 Python 為主軸的主題向外擴張：

Python 數據分析 – 累計 22 篇
Python 基礎教學 – 累計 25 篇
Python 爬蟲教學 – 累計 15 篇
Python Flask 教學 – 累計 36 篇
Python Django 教學 – 累計 3 篇
Python 資料庫教學 – 累計 11 篇
Python 機器學習 – 累計 6 篇

小總結：有意識的擴張更多的「搜尋字詞」

KPI 2.「有潛力」的關鍵字排名

在上一個小節提到大量的擴張「搜尋字詞」，擴張總是會有極限的！接下來要介紹的就是如何找出「有潛力」的關鍵字排名圖表：

▍圖表細節

Looker Studio 資料來源：Google Search Console
圖表：散佈 > 泡泡圖
維度：搜尋字詞 (Query)
指標 X 軸：平均排名 (Average Position)
指標 Y 軸：曝光量 (Impression)
圖示大小指標：點擊量 (Click)

▍使用說明

如上圖可以看到右上角的機會區，我們鎖定了：

「搜尋排名」是後段班，代表排名落後的關鍵字
「曝光量」是前段班，代表有搜尋度的關鍵字
「圓圈圈」較大，代表這個字詞常被點擊的關鍵字

綜合以上三個維度，形成了右上角的「機會區」，舉個例子像是圖中紅色箭頭標記的關鍵字「flask session」，目前這個字詞在平均排名 21名，就已經可以有 269 個點擊的成績，如果可以再優化這個關鍵字的排名，會獲得的曝光量和點擊量不容小覷！

相對如果將時間投入在最右下角的區塊 (「搜尋排名」後段班 + 「曝光量」是後段班)，這些先天上就沒有曝光量的字詞，再努力的去優化排名，到前面也不會獲得太多的流量。

接下來挑選到想優化的字詞後，可以透過點擊圓圈圈 (如上圖) 進行篩選。這次點擊的是「flask session」關鍵字詞，下方欄位可以看到和這個字詞有關的頁面是哪些，然後再去優化這些網頁。

至於優化頁面的 SEO 方法，可以參考 2018 年寫的這篇【數據分析】如何優化Landing Page到達頁? | Max行銷誌，利用簡單的 TF-IDF 去探測排名在第一頁使用的字詞詞頻，來調整自己文章方向和反推 Google 判定的使用者的搜尋意圖。此篇就不多敘述，有興趣可以再去看～

小總結：盡可能提升「有潛力」關鍵字的排名

KPI 3. 優化網頁的載入速度

網頁載入速度對「使用者體驗」和「SEO」的重要性，相信大家都清楚，所以接下來就是要介紹如何監測「網頁的載入速度」的圖表：

▍圖表細節

Looker Studio 資料來源：Google Analytics
圖表：散佈 > 散佈圖
維度：網頁標題
指標 X 軸：平均工作階段
指標 Y 軸：平均網頁載入時間 (秒)

▍使用說明

如上圖的右上角的「機會區」是每月能帶來高「工作階段」，但「平均網頁載入時間」卻很慢的區塊，像是紅框框內選擇的圓圈，平均載入網頁時間 10 秒，如果能被優化，在 SEO 上會有一定的幫助。

但怎麼去優化常常讓人困擾，以下介紹 4 種 Max 行銷誌有使用的優化方法，讓大家參考：

優化方法 1. 圖片壓縮

原理：
在不損毀圖片的情況下，進行「圖片壓縮」，來降低網頁存取檔案的大小，是個非常有效的提升網頁載入速度的方法！

WordPress 套件推薦：
老牌套件 Smush – WordPress plugin，僅需點擊 Bulk SMUSH NOW (如下圖)，即可針對圖片進行壓縮優化。如果選擇進階功能，將圖片轉成 Next-Gen (WebP) 的圖片格式並存在 SMUSH 的 CDN 上，需要付費 (6 USD /月) 才能使用。

Wordpress 套件 Smush 圖片壓縮 — WordPress 套件 Smush 圖片壓縮

優化方法 2. Lazy load

原理：
延遲圖片的載入，當使用者滑到圖片時，才會開始載入和顯示圖片，達到節省資源、加速網頁速度的效果。

WordPress 套件推薦：
1. 剛剛推薦的老牌套件 Smush – WordPress plugin 也有提供此功能，使用上也是一鍵啟動就完成了 (如下圖)！

Wordpress 套件 Smush Lazy Load — WordPress 套件 Smush Lazy Load

2. 或是使用 Google 出的 WordPress 外掛 Lazy Load 套件：Native Lazyload – WordPress.org

而在 2020/8/11 WordPress 5.5 新版本中，已經開始內建 lazy-loaded images 屬性了！不想使用外掛的朋友們，就快點升級版本吧。News – WordPress 5.5 “Eckstine” – WordPress.org

3. SMUSH 和 Native Lazyload 套件比較：

Google 的 Native Lazyload 套件或 WordPress 5.5 新版本是使用原生的 loading="lazy" 屬性達到 Lazy Load 的效果，可以從 Can I use… 中看到，目前還是有些瀏覽器 (IE、Safari) 是並未直接支援此屬性的，意思是如果使用此原生屬性的寫法，目前在有些瀏覽器上不會實現此功能！

而 SUMSH 套件的 Lazy Load 則是使用 jQuery 的方式啟動，不會受限於瀏覽器，但如果網站沒有載入 jQuery 的話，則會需要多載入一個 js。

兩個套件的選擇上各有好壞，而我已經使用 SMUSH 來優化壓縮圖片，所以 Lazy Load 就選擇使用 SUMSH 沒有額外再安裝 Native Lazyload 套件。

優化方法 3. Server-Side Cache

原理：
當使用者第一次瀏覽網站的首頁時，Server 將首頁的資訊從資料庫撈出來後，並存在 Server 上的某個地方像是 Redis，當使用者第二次瀏覽首頁時，Server 直接從 Redis 快速的撈出來，不用再回資料庫重新計算，達到減輕資料庫的負載，並且加速網站的載入速度。

WordPress 套件推薦：
推薦和剛剛同一系列的老牌套件：Hummingbird – WordPress.org，使用上也是一鍵啟動，我有開啟的功能是 Page Caching、Browser Caching 和 RSS Caching，提供給大家參考。

Wordpress 套件hummingbird Cache — WordPress 套件hummingbird Cache

優化方法 4. CDN

原理：
簡單來說就是把網站的資料儲存在位於世界各地的資料中心，各個 CDN (Content Delivery Network) 提供者的資料中心都不同，當使用者連接到網站後，會從最接近使用者的資料中心來接收網站內容，以加快網站載入速度。

推薦免費的 CDN 首選當然是：Cloudflare，使用後可以看到不同地區的使用者，會從最近的資料中心接收網站內容 (如下圖)。

▍補充 Mobile-First Indexing

雖然原預計於 September 2020 將全面以行動版的網站來建立索引和排名網站 ( Mobile-First Indexing)，目前將延後至 March 2021。Prepare for mobile-first indexing (with a little extra time)

可以使用 PageSpeed Insights 檢測目前網站的載入速度和優化建議。而官方也有提供一份行動版的最佳指南：行動版內容優先索引系統的最佳做法 – Google Developers，提供給大家參考。

小總結：盡可能優化網頁速度，尤其是手機版位

KPI 4. 「內部連結」組織架構

為何使用者只瀏覽一頁就跳出了？可能是內容和使用者預期的不同，亦或是沒有把導覽到其他文章的動線指引做好，接下來要介紹的這張圖表，可以快速的篩選出有被優化價值的高跳出率頁面！

▍圖表細節

Looker Studio 資料來源：Google Analytics
圖表：散佈 > 散佈圖
維度：網頁標題
指標 X 軸：工作階段
指標 Y 軸：跳出率

▍使用說明

如同上圖右上角的「機會區」，我們鎖定了高「工作階段」和高「跳出率」的頁面，代表此區塊的頁面能帶來大量的流量，但使用者卻只瀏覽一頁就跳出了。

而最快和有效的降低「跳出率」方法，常見做法是在內文中增加「內部連結」，像是看完目前這篇文章的朋友，或許會對以下兩篇有興趣：

除了這兩篇外，我將有關 Max行銷誌，數據分析系列的文章都整理在這裡，有興趣的朋友可以參考：

【數據分析系列】Python 實作數據分析文章 | Max行銷誌

▍內部連結的重要性

有「目的性」的增加「內部連結」除了可以導引使用者繼續閱讀其他內容外，也可以幫助網路爬蟲根據網頁上的連結來理解你的網站架構，包含總共有多少網頁、哪些網頁是比較重要的頁面，簡單的來說 Google 會透過「內部連結」來分析你的網站。

這種方法做到極致就有點像是這篇，【Flask 教學系列】實作 Flask 教學目錄 | Max行銷誌，幾乎涵蓋了 Flask 開發上會遇到的問題，從 Flask 入門、Flask 資料庫串接、Flask 使用者驗證、部署、Docker、CI / CD、API 串接。

▍補充

如果要觀察某一系列主題的流量成長趨勢，推薦下圖的儀表板，是本站有關於 Flask 的所有文章分析儀表板，可以依照每月流量觀察，也可以從單篇文章觀察流量上升狀況。

小總結：盡可能留住使用者，和組織內部連結

最後～

▍回顧本篇我們介紹了的內容：

談談經營部落格「流量」的北極星指標
提升「有潛力」的關鍵字排名
優化網頁的載入速度
善用「內部連結」組織架構

關於本篇的數據追蹤使用 Google Analytics 和 Search Console，如果還沒有帳號，可以從這邊申請開始使用 Analytics (分析)，而 Search Console 可以從這邊將您的網站加入 Search Console。

另外對 Looker Studio 有興趣的朋友，分享一個最近發起的活動：「Looker Studio 模板」的活動，每週接棒分享，可以參考過去分享者的模板如下：

前陣子做了一個電商數據分析的 Dashboard 模板，可以從這邊領取，希望對你有幫助 🙂

▍數據分析相關延伸閱讀：

▍與 Looker Studio 相關系列文章：

最後我是 Max，過去曾在「新加坡蝦皮」擔任資深數據分析師，為不同國家和行銷團隊建立上百張數據儀表板，如果你有數據分析和視覺化儀表板企業內訓需求，歡迎與我聯繫！

目前在 Hahow 開了一堂 Looker Studio 視覺化報表｜數據分析輕鬆上手課程，可以私訊我領取 Hahow 的 8 折優惠碼，簡單來說，我們會從觀念建立、基礎操作、進階操作、實戰訓練這樣漸進的方式，教會你所有數據分析與資料視覺化的觀念與應用💪

另外還會手把手帶大家一起完成 8 個主題性的模板，並幫助學員瞭解每張圖表背後的意義是什麼。

如果你想了解電商數據、SEO、社群的表現、內容網站，該用哪些數據該如何衡量以及解讀，那麼就千萬不能錯過「Google Looker Studio 視覺化報表｜數據分析輕鬆上手」這堂課，我們課堂上見囉♥️

感謝您收看「從部落格學數據分析：用四張圖表，理解 Blog 成效」，任何問題都很歡迎透過以下私訊，我會盡快回覆您。

KPI 1. 經營部落格「流量」的北極星指標

KPI 2.「有潛力」的關鍵字排名

KPI 3. 優化網頁的載入速度

KPI 4. 「內部連結」組織架構

最後～

在〈從部落格學數據分析：用四張圖表，理解 Blog 成效〉中有 2 則留言