經過熱力圖、A/B測試優化落地頁，提高200%轉化率！

衆所周知百度競價是出價越高，位置越靠前，引流效果越好，但由於廣告位的減小，致使競爭加重，高質量關鍵詞的點擊費用愈來愈高。搜索引擎的過分營銷，吞噬了企業機構大部分的利潤。在互聯網環境下，如何有效下降獲客成本，如何提升轉化率，實現最大化在線營銷ROI，成爲企業亟待突破的瓶頸。優化落地頁成爲推廣中最重要的環節！

熱力圖的認知

熱力圖以特殊高亮的形式顯示訪客熱衷的頁面區域即用戶點擊的越多顏色越深，他可以幫助咱們準確的分辨用戶喜歡感興趣的內容，同時熱力圖能夠顯示不可點擊區域發生的事情。想了解用戶的需求，熱力圖就是一個很是直觀高效的工具。當訪客進入落地頁面後，熱力圖能夠呈現出用戶的行爲，好比點擊內容、視覺重點、興趣時長等，這種可視化的呈現方式能夠幫助企業很是高效直觀地分析訪客的心理訴求，爲頁面優化提供依據。

與咱們網站分析中經常使用的pageview不一樣，熱力圖衡量的點擊行爲的度量就是點擊次數。可是因爲部分工具不直接監測鼠標的點擊行爲，所以，它們在熱力圖中所標示出來的點擊次數，實際上並非真正的點擊次數，而是點擊這個連接以後打開的新的頁面的pageview的數量。咱們最經常使用的工具百度統計和Google Analytics就是這樣畫熱力圖的，因此這也是爲何使用它的熱力圖至關不許確的緣由。

好的熱力圖工具應該衡量真實的點擊次數，即不只僅是連接點擊的次數，一樣要包括非連接交互點擊和空白點擊的次數，這裏推薦可使用國外的hotjar熱力圖工具或國內的Ptengine鉑金分析工具，數據更加準確一些。

在Ptengine的數據面板中，咱們能夠查看全部頁面的熱圖，經過瀏覽觸達線，咱們很直觀看到首屏到第二屏的流失率高達56%，訪客流失很嚴重，說明首屏的設計缺少吸引力，沒有突出賣點。此外咱們想讓用戶點擊的「諮詢按鈕」和右側「免費豪車」，點擊數也少得可憐，引導性不夠，和預期有較大差距。

有了Ptengine的熱力圖數據支撐，咱們大刀闊斧更換了首屏大圖的設計，調整了總體配色，還增長了豐胸業務的上半身總體效果照片，總體文案上作了精簡，突出了品牌，便於用戶短期內抓住重點。同時，免費豪車部分也增長動態效果。在引導元素上，增長了用戶最爲關注的，轉化效果最好的話題，促進用戶發起諮詢。

經過這些舉措優化了落地頁後，咱們的豐胸綜合項目諮詢轉化率提高了200%，有效地下降了獲客成本。

熱力圖的運用

有網友問運營喵，着陸頁最須要看的關鍵指標是什麼？過去我會回答，能夠看跳出率 ，今天我則不徹底這麼認爲，看跳出率沒有錯，但跳出率卻不徹底可靠了。

緣由在於，不少頁面的技術設置發生了變化，這些頁面上有不少非HTML的交互，好比點擊以後彈出客服的窗口，好比跳轉到其餘網站（淘寶京東什麼的），或者根本就是直接拿起電話撥打，或者訪問者從前到後仔仔細細看了頁面好久卻沒有更多行爲，但頁面內容確實觸動了他 全部這些狀況，都會形成跳出率 畸高 ，並讓咱們產生着陸頁很是糟糕的幻覺 。

更況且，不少網站就是單頁面網站，這些網站就是一個着陸頁，全部的商業訴求，都在這個着陸頁上就完成了！這種狀況下，你會期待獲得一個高於95%的跳出率（至於爲何不是100%，緣由在於這個頁面可能會被用戶刷新，頁面刷新對於網站分析工具而言，就再也不是一個跳出了）。

我利用熱力圖優化着陸頁的幾個關鍵測試方法：

（1）連接優化

問題：用戶常常點擊一些網站上沒法跳轉的元素。

一般網頁上的某些區域存在用戶大量點擊或關注。經過熱圖發現潛在「死角」，及時優化可能致使用戶放棄瀏覽的頁面元素。

優化方案：把「死角」連接到相應的頁面或內容上。優化頁面或內容的連接元素，避免誤導用戶，下降跳出率。

（2）文案優化

問題：用戶正在尋找那些網站上缺失的信息。

使用熱力圖經常會發現，在一個很是小的區域存在高密度的滾動、點擊，或者用戶到達頁面底端仍然在尋找信息而未發生點擊行爲。發現並添加缺失的信息將對用戶互動和目標轉化產生很大的影響。

優化方案：在集中大量用戶關注的區域，添加更多關鍵內容，儘量多的傳遞品牌或產品信息；若是用戶到達頁面底端仍在尋找信息而未發生點擊，進一步分析用戶真正想要了解的內容是什麼，調整網站傳遞的關鍵信息並使用熱圖驗證。

（3）觸達優化

問題：用戶根本沒有關注網頁的全部內容。

用戶每每沒有意識到有更多的內容在網頁下方，多數狀況是由於頁面設計給用戶瀏覽到底部的錯覺，用戶認爲在此以後沒有內容了。網頁是否存在這樣的問題，使用熱圖一目瞭然。

優化方案：若是多數用戶打開首屏後沒有繼續瀏覽其餘屏內容，可能因爲某些頁面元素產生了誤解。經過熱力圖發現關注度高的首屏區域，添加其餘屏內容的錨連接，引導用戶向下瀏覽。

（4）首屏優化

問題：網頁跳出率很高

當用戶訪問網站時，您只有很是短的時間與用戶互動並傳達關鍵信息。熱力圖能夠顯示不一樣尺寸屏幕上的首屏展現樣式，即時呈現用戶的點擊、注意力、瀏覽觸達狀況，便於優化首屏引導用戶繼續瀏覽網站。

優化方案：將首頁下方用戶互動較好的內容提至首屏並進行測試。另外，能夠在首屏添加下方內容的錨連接。經過熱圖查看用戶是否和您的標題產生互動，標題要抓人眼球。若是有了吸引人的標題，卻沒有互動產生，須要調整多版本測試。

（5）導航欄優化

問題：頁面導航欄容易蠶食大量用戶對頁面其餘部分的注意。

熱力圖可以呈現用戶對網站導航欄的關注和互動活動。用戶點擊、注意力集中的地方，熱度較高。經過分析點擊熱圖、注意力熱圖、瀏覽觸達率，能夠很容易的判斷出您的導航欄以及網站結構設計是否合理。

優化方案：若是用戶和導航欄產生重度互動，表示用戶在頁面上不容易找到須要的信息。也可能表示用戶對網站結構感到困惑。 從新規劃網站結構，並將熱圖配合A/B測試工具，評估多個調整後的網站結構，選擇最優版本。

最後，根據以上方法修改以後的着陸頁咱們並不會當即上線，而是進行A/B測試，不只僅看看兩個着陸頁之間的行爲CTR之間的比較，更繼續看兩個頁面熱力圖的區別，這是對咱們在上一步所作的用戶意圖推測的驗證。

A/B測試條件

A/B 測試能夠彌補產品優化中遇到的不足，但它並不徹底適用於全部的產品。由於A/B 測試的結果須要大量數據支撐，日流量越大的網站得出結果越準確。一般來講，咱們建議在進行A/B測試時，可以保證 每一個版本的日流量在1000個UV以上 ，不然試驗週期將會很長，或很難得到準確（結果收斂）的數據結果推論。

A/B測試使用流程

這裏以AppAdhoc A/B測試工具爲例，完成SDK集成後，根據具體的測試需求，您須要設置試驗變量以創建不一樣版本，同時設置相應的監控數據（優化指標）。在確保各版本調試無誤後，您就能夠調節版本的流量分配，開始運行試驗了。

測試數據分析

以上是運營喵測試的一個培訓機構落地頁，通過熱力圖分析後提得出師資和環境的版塊的圖片修改。

原始版本是新落地頁面，版本1是老落頁面，優化指標是行爲點擊（網頁的諮詢按鈕點擊次數），變量爲局部文字。從圖中能夠看出來優化事後的新頁面行爲CTR相較於老頁面提高40%，這就驗證咱們經過熱力圖提出來的的圖片優化方案是正確的。

結語

落地頁面在營銷推廣有着相當重要的做用。咱們應該持續追蹤用戶全部的行爲數據，挖掘數據背後所體現的用戶心理和用戶需求，在此基礎上持續優化投放策略和落地頁轉化效果。利用熱力圖分析結合A/B測試進行優化，挖掘數據背後的價值，這纔是最高效的下降推廣成本和提升用戶轉化的方式。

原文連接：https://www.yymiao.cn/yingxiao/sem/17064.html