增長黑客圈里一個(gè)很受歡迎的話題就是提升著陸頁的轉(zhuǎn)化率。每個(gè)人都看過那些類似「10個(gè)讓你的轉(zhuǎn)化率增長三倍的小技巧」的文章，里面給出了一些籠統(tǒng)的技巧（比如增加號(hào)召按鈕的大?。┮约昂苡邢Ｍ脑鲩L，但事實(shí)上大多數(shù)時(shí)候是沒什么效果的。放棄嘗試那些籠統(tǒng)的技巧，我們只用了一件事就讓著陸頁的轉(zhuǎn)化率翻倍，還增加了SEO的流量，這件事就是利用數(shù)據(jù)來更好地理解那些潛在的喜歡Pin的人（Pin指的是人們可以將感興趣的內(nèi)容「釘」在自己的控制面板里，便于收藏）。

改善 Pin 著陸頁

提高著陸頁轉(zhuǎn)化的第一步是挑選正確的頁面。Pin page（pin一個(gè)頁面的著陸頁）是我們流量最高的頁面中的一個(gè)，但是它轉(zhuǎn)化的情況不如其他著陸頁，所以我們決定在上面投入更多資源。首先，我們并沒有足夠的數(shù)據(jù)來了解頁面的哪一部分在新用戶注冊(cè)過程中有效，所以我們嘗試了一個(gè)更簡單更可視化的頁面布局。

通過AB測試了這個(gè)新設(shè)計(jì)后，我們發(fā)現(xiàn)新版本與原始版本（控制版本）對(duì)比并沒有增加注冊(cè)量。也很難從這個(gè)版本中提取出什么有用的東西，因?yàn)樗c以往的版本實(shí)在是天壤之別。難道是因?yàn)槲覀儗⑾嚓P(guān)的pins替換了右側(cè)的面板嗎？還是因?yàn)闈L動(dòng)之后沒有顯示足夠的內(nèi)容？在這種情況下，我們知道了只有每次都采取一個(gè)小的措施，才能從每個(gè)新版本中學(xué)到一些東西。所以，我們嘗試了一個(gè)比控制版本更簡單的版本，用戶可以通過滑動(dòng)頁面頂部的導(dǎo)航看到相關(guān)的pin。

這個(gè)版本表現(xiàn)的也不是很好，不過只是相差一點(diǎn)點(diǎn)了。數(shù)據(jù)顯示幾乎沒人去點(diǎn)擊相關(guān)的pin，可能是因?yàn)檫@些內(nèi)容很小也很難去辨別。

接下來，我們嘗試將這些相關(guān)的pin弄得更大些，并且加上了屬性，讓它們看起來更像常規(guī)的pin。

這次成功了！我們看到用戶交互變多，也帶來了更多的注冊(cè)量。我們的假設(shè)是這個(gè)版本表現(xiàn)的更好是因?yàn)樗故玖薖interest上相關(guān)的內(nèi)容，反過來，也展示了注冊(cè)的價(jià)值。我們發(fā)布了這個(gè)新版本，而它也成為了未來的AB測試試驗(yàn)中的控制版本。

然而，我們想看看在pin page轉(zhuǎn)化用戶是否可以做的更好。因?yàn)橄嚓P(guān)的pin似乎可以吸引新用戶，我們想要通過把這些相關(guān)的pin放在當(dāng)前pin的左邊或右邊的空白區(qū)域，來進(jìn)一步強(qiáng)調(diào)這些相關(guān)的pin。

我們很驚喜地發(fā)現(xiàn)這個(gè)版本與控制版本差別不大。在我們的下一個(gè)版本中，我們將它變得更簡單了一點(diǎn)，只是把相關(guān)的pin放在了當(dāng)前pin的右邊。

我們很興奮，因?yàn)檫@個(gè)新版本擊敗了控制版本。但是，我們想要做得更好。我們調(diào)查了事件追蹤漏斗中的用戶行為，發(fā)現(xiàn)那些點(diǎn)擊了當(dāng)前pin（因此就跳到外部網(wǎng)站）的訪問者幾乎沒有被轉(zhuǎn)化，但是那些點(diǎn)擊了相關(guān)pin（停留在這個(gè)pin的詳情頁）的訪問者則有更高比例被轉(zhuǎn)化。所以，我們將當(dāng)前pin的大小減到和相關(guān)pin的大小一樣，且也放在相關(guān)的pin內(nèi)容的網(wǎng)狀結(jié)構(gòu)中。

這個(gè)版本取得了巨大的成功，比控制版本好了25%（這是集合了以前的版本的收益）。與我們的第一個(gè)pin page相比，這個(gè)版本的轉(zhuǎn)化率提升了兩倍。我們第一想法就是立馬上線，但是最后還是先調(diào)查了一下我們同時(shí)在跑的SEO的試驗(yàn)，然后注意到流量降了10%。（相關(guān)的博文：SEO試驗(yàn)框架）。如果我們上線了這個(gè)pin page，雖然我們會(huì)得到一個(gè)凈盈利（注冊(cè)量增加的幅度比流量的損失大），但是我們還是想做到更好。

轉(zhuǎn)化和SEO

當(dāng)對(duì)那些從搜索引擎得到很多流量的頁面進(jìn)行轉(zhuǎn)化率提升的工作時(shí)，你必須考慮到SEO的影響。舉個(gè)例子，如果一個(gè)試驗(yàn)提升了20%的注冊(cè)量，但是流量下降了50%，結(jié)果就是注冊(cè)量的凈損失。

對(duì)于這個(gè)試驗(yàn)，我們將流量細(xì)分成了不同的垂直領(lǐng)域，比如網(wǎng)站流量、圖片流量、子域名的流量，并且看到最大的流量流失是在圖片搜索的地方。我們對(duì)比了兩種設(shè)計(jì)版本的圖片，發(fā)現(xiàn)不同之處在于圖片尺寸的變化。從以前的試驗(yàn)來看，我們知道當(dāng)改變了頁面上的圖片時(shí)，即使只是大小，圖片搜索流量也會(huì)受影響，因?yàn)樗阉饕娌坏貌恢匦伦ト∈畠|以上的圖片。我們運(yùn)行了另一個(gè)SEO試驗(yàn)，使用了之前的同樣大尺寸的圖片文件，但是把它縮小到適合更小的pin內(nèi)容的尺寸。

這個(gè)改變讓流量從-10%增加到了10%，即使它們從設(shè)計(jì)視覺上看起來是一樣的。不僅這個(gè)新布局增加了轉(zhuǎn)化率，也增加了頁面的流量。這些影響互相疊加，帶來了更大的注冊(cè)量。

學(xué)到的關(guān)鍵的東西

通過快速和徹底的迭代，我們成功的將pin page的轉(zhuǎn)化率翻倍，并且增加了SEO流量。以下是一些我們?cè)谶@其中學(xué)到的東西：

1. 通過分析試驗(yàn)中事件追蹤漏斗中的數(shù)據(jù)來更了解你的用戶。
2. 使用在過去的試驗(yàn)中學(xué)到的來驅(qū)動(dòng)新迭代，而不是嘗試隨機(jī)的想法。最好可以有數(shù)據(jù)來支撐你的假設(shè)，知道為什么每個(gè)新設(shè)計(jì)會(huì)表現(xiàn)的更好。
3. 你迭代的越快，你能學(xué)到的以及看到的增長會(huì)更快。
4. 如果你在做對(duì)那些從搜索引擎得到很多流量的頁面進(jìn)行轉(zhuǎn)化率提升的工作時(shí)，在運(yùn)行轉(zhuǎn)化率試驗(yàn)的同時(shí)也運(yùn)行一個(gè)SEO的試驗(yàn)是很有必要的。即使你增加了轉(zhuǎn)化率，你也可能看到流量的流失，從而造成整體的注冊(cè)量的損失。

本文由 @appadhoc 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。