如何利用熱力圖來優(yōu)化大型產(chǎn)品網(wǎng)站
分享
評論
贊0
熱圖（heat map），也稱熱力圖，是以特殊高亮的形式顯示用戶頁面點擊位置或用戶所在頁面位置的圖示，借助熱圖，可以直觀地觀察到用戶的總體訪問情況和點擊偏好。
一圖勝千言！產(chǎn)品網(wǎng)站經(jīng)常使用各式圖表來提取或者表達信息，其中熱圖是常見的一種，尤其是在站點管理、界面優(yōu)化、等場合，熱力圖更是被們廣泛應用，那么，我們該如何借助熱力圖來優(yōu)化產(chǎn)品網(wǎng)站呢？今天，我們就來一探究竟。
一、3種不同的熱圖及原理
目前常見的熱圖主要有3種：基于鼠標點擊位置的熱圖、基于鼠標移動軌跡的熱圖和基于內(nèi)容點擊的熱圖。
三種熱圖的原理、外觀各異，適用的場景各有不同。
1、基于鼠標點擊位置的熱圖
如百度統(tǒng)計的頁面點擊圖，記錄用戶點擊在屏幕解析度的位置，但是基于鼠標點擊位置的熱圖不會追蹤內(nèi)容的變化而變化，只是記錄相對時間內(nèi)鼠標點擊的絕對位置。
2、基于鼠標移動軌跡的熱圖
如國外的MoseStats、Mouseflow等，記錄用戶鼠標移動、停留等行為，熱圖多為軌跡形式。同樣，基于鼠標移動軌跡熱圖不會追蹤內(nèi)容的變化而變化，只是記錄相對時間內(nèi)鼠標移動的的絕對位置。
3、基于內(nèi)容點擊的熱圖
如GrwoingIO熱圖，記錄用戶在網(wǎng)頁內(nèi)容上的點擊，自動過濾掉頁面空白處（沒有內(nèi)容和鏈接）的無效點擊。基于內(nèi)容點擊的熱圖，最大特點是熱圖追蹤內(nèi)容變化而變化，記錄用戶相對時間內(nèi)對內(nèi)容的點擊偏好。
二、產(chǎn)品優(yōu)化和熱圖選擇
基于鼠標點擊位置的熱圖和基于鼠標移動軌跡的熱圖，可以反映用戶在頁面位置上鼠標的點擊、移動和停留偏好，站長管理員、產(chǎn)品經(jīng)理、設計師等可以借助其對用戶的訪問偏好有一定的了解。
然而，當產(chǎn)品經(jīng)理要開始優(yōu)化產(chǎn)品設計時，前兩種基于位置的熱圖也常常帶來困惑。
一是密密麻麻的熱圖柔化了效果，對精確信息表達不充分，產(chǎn)品經(jīng)理很難抓住重點。
二是熱圖的高亮色彩傳遞的是感性化的信息，不容易分辨具體的數(shù)值。
三是相對時間內(nèi)，熱圖只記錄鼠標在絕對位置上的點擊，無法追蹤內(nèi)容的變化。
更多時候，產(chǎn)品經(jīng)理、運營人員更多關心的是用戶在不同內(nèi)容上（如每一篇文章、每一件商品、每一張圖片等等）的點擊偏好，然后才能有的放矢地進行優(yōu)化。
而基于內(nèi)容點擊的熱圖收集的是用戶在不同內(nèi)容上的點擊情況，過濾掉了頁面空白處（沒有內(nèi)容和鏈接）的無效點擊，并且熱圖追蹤頁面內(nèi)容的變化而變化，可以適應很多商業(yè)網(wǎng)站內(nèi)容頻繁更新的需要。
三、產(chǎn)品該如何優(yōu)化？
任何工具都應該以提升工作效率為目標，作為數(shù)據(jù)可視化的重要工具，熱圖應該幫助產(chǎn)品經(jīng)理快速發(fā)現(xiàn)用戶行為規(guī)律，幫助產(chǎn)品經(jīng)理快速優(yōu)化和迭代產(chǎn)品。
基于強大的 無埋點 數(shù)據(jù)采集技術，GrowingIO熱圖清晰地展示用戶在頁面不同內(nèi)容上的點擊偏好，那么，產(chǎn)品經(jīng)理該如何用好這種強大的工具呢？
1、用戶 誤點擊 ，還是設計不合理？
某產(chǎn)品在官網(wǎng)詳細介紹了其核心功能，并在首頁設置了4個功能分類，很多訪問用戶以為功能介紹可以點進去，然后就不停地點擊，卻發(fā)現(xiàn)根本就沒反應。
實際上，這4個功能介紹就未設置鏈接，產(chǎn)品一開始認為這是用戶 誤點擊 ，但是以 自定義分析 功能為例，查看詳細數(shù)據(jù)，發(fā)現(xiàn)工作日每天竟然有1K-2K的用戶點擊了該功能。
這樣的設計對用戶體驗非常不友好，不但浪費了用戶點擊，而且無形中降低了用戶的訪問深度，產(chǎn)品經(jīng)理可以嘗試在該位置添加功能詳情的鏈接，以滿足用戶的好奇或者需求，同時提高用戶的訪問深度。
2、毫厘必爭的網(wǎng)頁，如何優(yōu)化內(nèi)容？
對于流量巨大的網(wǎng)站（如電商網(wǎng)站、新聞資訊網(wǎng)站、門戶網(wǎng)站），網(wǎng)頁上一塊小小的區(qū)域也意味著巨大的點擊量和營業(yè)收入。
熱力圖可以幫助產(chǎn)品經(jīng)理快速了解用戶的點擊偏好，然后根據(jù)訪問點擊的多少，快速優(yōu)化內(nèi)容。
為了方便訪問用戶快速找到內(nèi)容，某技術博客在網(wǎng)頁右側設置了 熱門文章 和 熱門標簽 兩個欄目。觀察基于內(nèi)容的熱圖，卻發(fā)現(xiàn)下方的 熱門標簽 獲得了比 熱門文章 更多的點擊，既然用戶對我們博客推薦的內(nèi)容不感興趣，我們是不是考慮優(yōu)化一下內(nèi)容推薦？
3、相同結構的網(wǎng)頁，難道要一張一張分析？
現(xiàn)在的網(wǎng)站有大量相同結構的頁面，如電商的商品頁、媒體資訊的文章頁、產(chǎn)品后臺等等。
以電商網(wǎng)站的商品頁為例，雖然商品詳情頁商品信息不一樣，但是都在相同的位置有商品照片、庫存情況、價格、商品規(guī)格參數(shù)、用戶評論、加入購物車等等內(nèi)容。
通過路徑設置，將原本 ......blog/article_1 路徑下的熱圖通配為為 ......blog/* ，用 * 模糊匹配所有的博客文章，這樣，我們就能看到看到跨所有博客文章頁面的熱圖效果，通過這樣的便捷的頁面設置，產(chǎn)品經(jīng)理可以對大量相同結構的頁面進行快速的分析和優(yōu)化。
四、如何通過熱力圖分析網(wǎng)站
百度熱力圖相信很多站長并不陌生，其強大的功能，不僅能夠幫助我們優(yōu)化和調(diào)整網(wǎng)頁設計提供科學依據(jù)，還可以動態(tài)考量頁面調(diào)整前后的點擊效果，下面我們一起看下，如何通過熱力圖分析網(wǎng)站：
1、網(wǎng)站導航分析
例如：我們經(jīng)常看見，有些網(wǎng)站將公司介紹放在頻道第二欄，而有些是將公司產(chǎn)品放在頻道第二欄，到底哪種布局是正確的呢？
通過熱力圖，我們可以清晰的看到，哪些頻道用戶點擊較多即頻道的受眾程度。
通常，在前期頻道設計的時候，我們會依據(jù)關鍵詞的重要性，從左至右依次布局，也就是說，靠首頁最近的放置最重要的關鍵詞。但是，無論什么網(wǎng)站，我們的布局肯定不是一成不變的。而在調(diào)整的過程中，我們就是依據(jù)用戶瀏覽行為，將用戶最關注的放在網(wǎng)站最重要的位置。
2、首頁核心位置的分析
一個優(yōu)秀的網(wǎng)站，必定是符合用戶瀏覽習慣的，可能我們在網(wǎng)站優(yōu)化的過程中，會出現(xiàn)排名有了，但是跳出率卻很高的現(xiàn)象，有些是首頁跳出率高，有些是內(nèi)頁跳出率高，無論哪種，我們都可以從數(shù)據(jù)中找到原因。
如果是首頁呢？這是不是告訴我們，用戶在進入首頁以后沒有找到自己需要的內(nèi)容？我們是否應該將用戶最關心的內(nèi)容或產(chǎn)品，在首頁放在最核心位置？從而依次布局。
既然是數(shù)據(jù)分析，肯定是每個網(wǎng)站都有區(qū)別，但是其根本不會變，就是以提高用戶體驗度為核心。
五、產(chǎn)品迭代，熱圖能幫的上什么忙？
埋點 是所有產(chǎn)品經(jīng)理的痛，從提需求、寫代碼、返數(shù)據(jù)再到做分析，這是一個漫長、繁瑣、低效的過程。
在強大的 無埋點 數(shù)據(jù)采集技術的基礎上，基于內(nèi)容點擊的熱圖可以直觀展示用戶在頁面上內(nèi)容的點擊偏好，讓產(chǎn)品經(jīng)理對用戶的行為規(guī)律一目了然。
在《精益》中有一個非常流行的概念 最小可行性產(chǎn)品(MVP)，強調(diào)通過 驗證性學習 的方式來快速迭代產(chǎn)品，熱圖就是一個非常好的工具，產(chǎn)品經(jīng)理從熱圖中發(fā)現(xiàn)問題、提出假設，然后快速實驗來驗證或者推翻我們的假設。
冰凍三次，非一日之寒。 在 idea-product-data 的不斷迭代中，熱圖應該成為產(chǎn)品經(jīng)理的一種工作方式！
其間，熱力圖中越紅的地方就是用戶點擊越多的地方，也是大多數(shù)用戶最重視的內(nèi)容，此外，熱力點擊圖還有一個功用是 連接點擊圖 ，經(jīng)過這個功用，能夠看到咱們的頁面的連接在一定時間段的點擊量。
連接點擊圖首要是展示用戶對于連接的重視度，這么能夠從點擊圖中剖析，哪個節(jié)目用戶點擊率高，能夠思考把相應的節(jié)目前移，這么才干更契合用戶體會。
當然，熱力圖給我們的信息遠遠還不止這些，本文主要是引導SEO人員如何去進行熱力圖的分析以及能夠認識到數(shù)據(jù)分析的重要性。
猜你喜歡
評論(0人參與，0條評論)
發(fā)布評論
最新評論