过期域名预定抢注

 找回密碼
 免费注册

如何優化網頁轉化率?(上篇)

  [複製鏈接]
發表於 2013-8-28 13:09:17 | 顯示全部樓層 |閱讀模式
原文出處: Andy Johns   譯文出處: 微博UDC(@@樹上爬豬) 轉載地方: 博樂在線
$ J( [+ }+ n3 f: O6 J: [" t( z7 U9 ?5 d; ]  B: b' ^4 B

提要:千萬不要將所有建議照單全收,做出一個四不像網站。你應該將此看作測試網站的技巧工具箱,瞭解對你的產品與用戶而言使用這些技巧的優點與缺點何在,以及如何使它們符合你的宏觀產品願景。

「優化註冊轉化率」這個話題可以扯出一本百科全書的篇幅來。因此我會花大量筆墨來闡述。在此先提醒你們,這將是一篇長文。。(譯者註:差不多等於一章書了,所以拆分成上中下三篇)

我認為優化註冊轉化率的方法概括起來主要就是兩大類:

第一大類,站內優化。包括網頁設計/文案/佈局等。這是個值得深入探討的話題,這也是後面一類方法的基礎。

第二大類,訪問來源優化。有許多種方法可以提升訪問來源的轉化效果(比如SEO,郵件,社交網絡,等等),對此我不會太多展開。但從「訪問來源→用戶最終轉化頁」之間的過程優化同樣很重要。討論站內轉化率優化不可能拋開訪問來源。因為早在用戶進入落地頁之前就已經要開始優化轉化率了。

站內轉化率優化

定義:改善網頁的設計與功能,提高用戶在頁面上執行關鍵行為的可能性。

轉化節點:最常見的轉化節點包括:註冊、登錄、購買、訂閱、分享等(社交媒體增長帶來的結果)。還有其他更加細化的轉化節點,但我主要關注這幾個核心的指標,因為優化的方法可以適用到其他轉化節點上。

1. 按鈕vs. 文字鏈接

按鈕比文字鏈接能獲取更多的點擊率,原因很簡單,因為「更顯眼」。當你需要用文字鏈接的地方,嘗試用按鈕去代替。因為已經有無數的測試證明了少用文字鏈接能讓CTR提升 20%-200%。

這裡插一個有趣的題外話:不要期望一個按鈕的A/B測試效果能在數周內保持平穩,尤其是郵件營銷。因為你通常是向一個比較固定的群體發郵件(比如新聞提醒),而按鈕容易會出現「點擊疲勞」的現象——用戶已經習慣了你的設計,很可能意識到了郵件中的文字和按鈕都能鏈接到同一個地方。因為點擊任何文字或按鈕的超鏈接,都可以達到目的地。(延伸閱讀文章:按鈕vs.文字鏈接http://www.aweber.com/blog/case-studies/buttons-vs-text-links.htm

不過一般情況下,按鈕還是比文字鏈接強,因為儘管數周後CTR增長放緩,按鈕還是提升了CTR。CTR增長的絕對值不一定能夠長期保持在30%,但至少你可以期望增長趨勢能夠持續數周甚至數月。

這並不是說同一個按鈕不可能帶來CTR的持續增長。因為按鈕點擊行為在網頁上和郵件中的表現可能有很大的差別。網頁上的按鈕不太容易產生點擊疲勞。如果你針對網頁按鈕做A/B測試時發現了數據的增長,那麼這個增長通常是穩定的。

2. 按鈕位置

第一屏的位置優於其他位置。例如,Chitika 做了一個對比廣告在第一屏與下面位置的CTR的研究,發現廣告在首屏時能達到36%的CTR增長。同樣的道理適用於任何首屏的可點擊動作。一些市場研究者也做了個有趣的研究,在首屏呈現較少的信息,鼓勵用戶翻頁去發現更多內容,並產生轉化點擊的效果。他們的發現是:你完全可以鼓勵用戶去翻頁,並點擊首屏之下的內容。

看看這個布里斯托爾機場網站的眼動熱點圖。這張圖表明,首屏只展現少量內容可以引導更多用戶往下瀏覽及點擊。

從用戶的角度看來,省事才是王道。如果你有把握傳遞足夠的信息和價值,使用戶點擊首屏的按鈕,就應該這麼做,而不要故意縮減頁面頭部並使信息堆積在頁面下方。

3. 操作按鈕的尺寸,顏色,對比

操作按鈕應該顯眼而不突兀。Square在這方面做得很好。按鈕的顏色同全屏出血的背景圖及其他頁面元素形成了很好的對比。按鈕很大,但不會大得嚇人,並且按鈕旁邊搭配有很多呼喚用戶點擊的元素)。

如果你想看看更多行為呼喚的樣式與類型,請戳這裡http://www.webanddesigners.com/35-creative-call-to-action-buttons-for-inspiration/

4. 提升網頁加載速度

落地網頁的速度通常是轉化率優化中容易被忽視但卻非常重要的一個環節。許多測試數據表明網站速度是至關重要的。例如,2007年亞馬遜發佈的一個研究顯示網站每100ms的加載延遲就會導致銷售額下降1%。戳這裡看更多關於網站速度的研究:http://www.conversionmedic.com/website-performance-optimization/。想辦法降低(尤其是關鍵頁面)加載時間,例如可以減少圖片/CSS/ JavaScript等等的負載。或者想辦法切分頁面不同的加載項,讓關鍵元素優先加載。通過在Facebook 和 Twitter參加過的許多測試,我親身看見了速度提升能夠如何顯著地提高轉化率。我真心認為糟糕的網站速度是導致MySpace沒落的原因。想想看,一個速度慢的網站意味著更少的朋友請求,更少的狀態更新,更少的圖片上傳,更少的廣告點擊,更少的邀請發送,等等,等等。所有這些操作都是形成社交網絡效應的積累基礎。網站速度阻止了網絡效應的飛速勢頭,由此導致了越來越少的增長,而增長的減少意味著失敗的風險增加。Facebook來了,它更快,更簡單,而且有了更好的網絡效應。通過專注於改進網站速度等關鍵要素,Facebook打下成功的基石。

谷歌提供了一個很好的網頁速度測試工具,任何人都可以使用:http://developers.google.com/speed/pagespeed/insights/。它可以生成詳細的報告,給出具體的網速建議。YSlow也是發現網速問題的很好的工具。

如果你是一個WordPress網站站主,網速是個現實存在的問題(特別是對插件重度使用用戶)。你可以嘗試使用Plugin Performance Profiler來查找插件對個人站點網速的影響。它可以生成如下的報告,幫助你診斷每個插件對延遲的影響。

謝謝unbounce.com提供上述網站速度分析工具。(http://unbounce.com/conversion-rate-optimization/how-to-improve-conversions-by-increasing-page-speed-tips-tools/).

5. 標題,子標題,正文文案

能夠向用戶傳達核心價值觀的突出標題很重要。我可以想像如果Square, Inc.去掉了註冊表單上的「馬上開始綁定信用卡」(Start accepting credit cards today),註冊轉化率會立馬下降。

嘗試在你的頭條裡使用其他文案,看看有什麼反響。如果你還沒有積累足夠的用戶量來支持網站的快速A/B測試,那就試試使用Google AdWords 或者 Facebook Ads 作為測試文案的平台,找到用戶反響最好的那一個(因為你能相對快速地獲得大量點擊,尤其是Facebook Ad)。得到最高CTR的Facebook Ad頭條可能是你網站主頁的理想文案。說到正文文案,原則是:少即是多。不要讓讀者面對滿屏密集的文字。

我在谷歌搜索了「小型商業網站」並且點擊了幾條廣告,看看他們落地頁是什麼樣子。其中一個是下圖的樣子,有清晰的行為呼喚,不太擁擠,少量供閱讀的文字,以及一些用戶的證詞,甚至還有一個產品的視頻介紹,是一個很不錯的頁面:

來源: http://www.volusion.com/

但另外一個廣告讓我看到了下面的落地頁。我的第一反應就是想馬上離開,因為這看起來太複雜了!當我看到撲面而來都是文字,或者看不到數據、圖表、要點列表等有價值信息的博客或郵件的時候,都會有同樣的想法。這個網頁對比用得很爛。「訪談網站」的關鍵動作鏈接不如上面網站「14天免費試用」的黃色動作按鈕明顯:

來源:http://www.webhostingfreereviews.com/

當然,這個頁面呈現了一些行為呼喚元素。因為他們在對一個昂貴的關鍵詞進行競價,肯定期望得到盡可能高的投資回報率。但是看到這麼密集的文字,我確信他們的轉化率一定受到了影響。大多數情況下,對於用戶而言,少即是多。記住,你應該向快餐品牌(In-n-Out)學習簡便快捷,展示價值明確的少量優秀產品,而不是一大堆連你都難以消化的垃圾。

想想顏色如何影響心境,情緒與決策

正如Colm Tuite在「配色有科學依據嗎?還是純粹主觀的?」問題裡的回答,網站配色的運用可以定下驅動轉化的基調。下面是西方國家用戶眼中顏色的含義:

藍色:安全,正直,或者安靜,平和

綠色:新鮮,環保

黃色:能量,快活,或者警告

紫色:靈性,奢侈

粉色:浪漫,美麗,愛情,敏感

看看這些闡釋,想想你的網站配色將會如何影響轉化率,然後試試看是否適用。

各位看客可以前往博樂在線,等下篇……
4 l; [) p9 z) P% q" l
  L* A" V7 W! N# e1 ]% q
# d% F4 V3 \  G8 J' z( C
發表於 2013-8-28 13:17:26 | 顯示全部樓層
呃。好亂。: E& I) m4 X) D
沒必要那麼複雜吧
9 G  _+ a1 a. c8 o: u* n1 A9 z# G+ }" K2 `5 o
回復 给力 爆菊

使用道具 舉報

發表於 2013-8-28 19:30:11 | 顯示全部樓層
這種文章的排版...不是廣告越多效果就會好的,弄那麼多同樣的圖片誰有耐心看
, Q" H  C0 G+ {. j; T' Z
回復 给力 爆菊

使用道具 舉報

發表於 2013-8-28 20:57:42 | 顯示全部樓層
本帖最後由 dealer 於 2013-8-28 20:59 編輯 ! s1 ~+ Y* h* I- i5 O& {+ }

- @2 o: j7 I$ }, u7 U真搞不懂,這樣的帖子很有價值嗎?
0 p- t9 F; _- A6 H' `還有下篇,算了吧
4 A+ k0 h/ ~$ w7 H7 f) v" E' F
回復 给力 爆菊

使用道具 舉報

發表於 2013-8-28 21:20:18 | 顯示全部樓層
這個帖子自己都讓人不想看,還教人怎麼提高轉化率,豈不是個笑話。
$ g, v3 ?2 w5 R2 V
回復 给力 爆菊

使用道具 舉報

發表於 2013-8-28 23:04:04 | 顯示全部樓層
表示直接翻下來,先看評論是什麼反應7 f( m: U( @" G$ {* n2 V
回復 给力 爆菊

使用道具 舉報

 樓主| 發表於 2013-8-29 12:22:34 | 顯示全部樓層
都是速成黨,算我發錯地方!8 p* q) i1 x4 p2 O" N( [) v
回復 给力 爆菊

使用道具 舉報

發表於 2013-9-4 23:06:15 | 顯示全部樓層
wawylysys 發表於 2013-8-28 19:30
3 S8 }3 j$ V2 m! B' O這種文章的排版...不是廣告越多效果就會好的,弄那麼多同樣的圖片誰有耐心看7 \7 r6 Q1 e9 r9 l" Q4 ?/ u
...

3 w( U2 h4 A; x估計是這個伯樂在線是直接外鏈別人的圖,結果圖掛了,看原翻譯出處微博UDC(@@樹上爬豬)
) r4 h, r/ L" T8 N
回復 给力 爆菊

使用道具 舉報

發表於 2013-9-22 19:56:53 | 顯示全部樓層
太多了。。。沒看完。。。。。。。。。。。。。
2 h8 u. w* _& E- N9 z
回復 给力 爆菊

使用道具 舉報

發表於 2013-9-22 21:30:56 | 顯示全部樓層
我倒是覺得不錯呀。。。。( l, v$ u5 n, Y( e6 r
回復 给力 爆菊

使用道具 舉報

您需要登錄後才可以回帖 登錄 | 免费注册

本版積分規則

4um點基跨境網編創業社區

GMT+8, 2024-11-25 20:50

By DZ X3.5

小黑屋

快速回復 返回頂部 返回列表