落地頁(yè)轉(zhuǎn)化測(cè)試

最近這段時(shí)間，一直在使用代碼直接編寫一套網(wǎng)站的落地頁(yè)模板。進(jìn)度還挺不錯(cuò)的，今天晚上繼續(xù)加加班，應(yīng)該能夠?qū)⑶昂蠖私换サ倪壿嬋刻幚硗辏罄m(xù)也就是處理其中的細(xì)節(jié)了。

因?yàn)槲疫x用的技術(shù)棧是 Next.js，非常適合模板化布局，由此我便想談?wù)劜煌K之間組合生成不同落地頁(yè)這塊的問(wèn)題。

如上圖，便是一個(gè)通用的落地頁(yè)模版信息。仔細(xì)觀察你會(huì)發(fā)現(xiàn)這個(gè)落地頁(yè)，主要就是由一些必備的頁(yè)面元素組成的，像“Hero”、“Testimonials”、“Why Choose Us”，等等。

且我們完全可以通過(guò)調(diào)整這些模塊的排版順序，來(lái)做成不同的展示效果。

比如外貿(mào)詢盤網(wǎng)站，可能就會(huì)側(cè)重工廠的定制生產(chǎn)能力與供應(yīng)鏈能力。那我們?cè)谧雎涞仨?yè)時(shí)，便會(huì)側(cè)重將主要的篇幅放在定制生產(chǎn)能力上。

那上圖所提到的一些“Customization”、“How it works”模塊，就會(huì)有意識(shí)的往網(wǎng)站頁(yè)首部分放一放，以獲取更多的用戶注意。

而工具站、聯(lián)盟站這些網(wǎng)站形式，可能因?yàn)閭?cè)重點(diǎn)不同，相應(yīng)的頁(yè)面組織自然又不一樣了。

那到底哪種排列組合比較好？

要回答這個(gè)問(wèn)題，最好是拿用戶交互行為數(shù)據(jù)說(shuō)話。而要獲取到這樣的數(shù)據(jù)，一個(gè)比較好的方式便是直接在我們的網(wǎng)站上做相應(yīng)的 AB 測(cè)試。

舉個(gè)很簡(jiǎn)單的例子，我現(xiàn)在針對(duì)某款產(chǎn)品做兩款落地頁(yè)。這兩款落地頁(yè)的唯一區(qū)別就是，A 落地頁(yè)采用了“固定頁(yè)眉”，且在頁(yè)眉的右上角添加了顏色顯著的 CTA 按鈕。

那下一步便是將流量隨機(jī)發(fā)送到這兩款落地頁(yè)上，然后觀測(cè)相應(yīng)的用戶行為與數(shù)據(jù)表現(xiàn)。

其實(shí)這種行為監(jiān)控方案，已經(jīng)有很多成熟產(chǎn)品可以提供集成化服務(wù)了，需要我們做的僅僅只是做幾個(gè)簡(jiǎn)單設(shè)置。

我之前也有使用這種方式測(cè)試過(guò)詢盤落地頁(yè)的轉(zhuǎn)化情況，其基本邏輯與上述方法一致，這里分享下我得到的數(shù)據(jù)。

你去看上圖右上角的 CTA 按鈕，其實(shí)主流的做法有兩種。

其一是直接做成一個(gè)按鈕，當(dāng)用戶點(diǎn)擊后跳轉(zhuǎn)到相應(yīng)的聯(lián)系頁(yè)面，然后用戶再在聯(lián)系頁(yè)面上填寫相應(yīng)的訂購(gòu)意向信息。

其二是做成一個(gè) Popup 彈出表單 ，也就是用戶點(diǎn)擊右上角的按鈕后，直接在當(dāng)前頁(yè)面彈出一個(gè)彈窗，上面有相應(yīng)的信息提交表單，然后用戶直接填寫相應(yīng)信息。

經(jīng)過(guò)半個(gè)多月的 AB 測(cè)試，從數(shù)據(jù)中你就能直觀得發(fā)現(xiàn)，采用「彈出表單」模式的詢盤落地頁(yè)，其轉(zhuǎn)化率更高。

我猜形成這種數(shù)據(jù)的可能原因，就是彈出表單這種模式，能直接省去頁(yè)面跳轉(zhuǎn)過(guò)程中的信息加載，能幫用戶節(jié)省不少時(shí)間。

所以，有興趣的小伙伴可以利用這種 AB 測(cè)試方法去實(shí)際測(cè)試下你的轉(zhuǎn)化頁(yè)排版效果。畢竟我們做運(yùn)營(yíng)的，不能想當(dāng)然做事，還是得出用戶行為數(shù)據(jù)出發(fā)，來(lái)做相應(yīng)的決策。