導(dǎo)語：通常情況下，網(wǎng)站主頁并不是訪客第一個訪問的頁面，大多數(shù)訪客先是瀏覽了某篇文章，點擊其中的某個鏈接，然后才調(diào)轉(zhuǎn)到主頁上。當(dāng)用戶發(fā)生這個動作后，說明你有很大機(jī)會將他們轉(zhuǎn)化為郵件/RSS訂閱讀者，甚至成為你的顧客。

現(xiàn)在，很多企業(yè)的網(wǎng)站都做得越來越好了。流量分析與A\B測試等工具的產(chǎn)生，讓營銷人員知道哪些要素能提高轉(zhuǎn)化率、不可或缺值得改進(jìn)，哪些要素可有可無，可以放棄。

現(xiàn)在為大家分享幾個知名的網(wǎng)站主頁，看看他們是怎么進(jìn)行頁面布局的，是如何利用并優(yōu)化各種營銷要素的，從而將訪客轉(zhuǎn)化成郵件的訂閱者或網(wǎng)站的忠實讀者。

光有一個漂亮的主頁就夠了么？

通過平日的觀察，我發(fā)現(xiàn)一個有趣的現(xiàn)象：設(shè)計得不怎么樣的主頁轉(zhuǎn)化效果往往優(yōu)于漂亮的主頁?。?！

雖然這只是一種現(xiàn)象，并非定律，我們卻可以從這種現(xiàn)象中得到一些思考和啟示。

我通常用Craigslist的案例來分析。正如上圖你所看到的，這個網(wǎng)站的主頁就是一堆藍(lán)色的文字鏈，設(shè)計者把他們按照一定的分類進(jìn)行排放，這種設(shè)計就像1999年互聯(lián)網(wǎng)剛開始興起時的風(fēng)格樣式。但是效果卻非常好，Craigslist是世界上最著名的分類廣告網(wǎng)站。（請參照國內(nèi)的58趕集）

那么企業(yè)該如何在“美和丑”之間找到一個平衡點，實現(xiàn)頁面優(yōu)化與用戶轉(zhuǎn)化的雙贏效果呢？有一點我想說的是，企業(yè)并非將主頁設(shè)計得最酷炫、最時尚才算成功。

優(yōu)秀的研究案例

接下來我們就來看看一些優(yōu)秀的網(wǎng)站設(shè)計案例。

優(yōu)秀的網(wǎng)站很多，我今天只是從中選取了一些比較有代表性的網(wǎng)站進(jìn)行分析，提煉出能夠讓廣大企業(yè)學(xué)習(xí)、效仿的做法。

1. NeilPatel.com

圖中文章標(biāo)題：做了這三步，成就了我4百萬的生意。

圖中紅色CTA：希望Neil幫我?guī)砀嗟纳?/p>

為了提高轉(zhuǎn)化率，，Neil一直以來持續(xù)不斷地對自己的網(wǎng)站進(jìn)行更新。非常多的用戶愿意提供自己的電話號碼等聯(lián)系方式來獲取Neil網(wǎng)站上的最新內(nèi)容。

2. ChrisDucker.com

Chris的頁面設(shè)計做了較大更新。這個主頁的轉(zhuǎn)化率也非常高，這和主頁背景上Chris的眼睛一直望向郵箱地址填寫欄有關(guān)。稍后我們再分析為什么這樣的背景圖片能夠提高轉(zhuǎn)化率。

3. MarketingInc.com

這個網(wǎng)站是一個典型的主頁設(shè)計很美但轉(zhuǎn)化率不高的案例。主頁轉(zhuǎn)化效果的好壞在一定程度上取決于頁面各要素的布局安排。如果將背景換成白色，去掉修飾，整個頁面只留一個自主選擇填寫的信息欄，那么轉(zhuǎn)化效果會比什么產(chǎn)品信息都有的復(fù)雜頁面要好得多。

4. Bodybuilding.com

這個網(wǎng)站頁面設(shè)計和功能布局非常的棒。現(xiàn)在他們的主頁右半邊展示了許多健身愛好者的照片，從這個網(wǎng)站上我們也可以發(fā)現(xiàn)建立社會認(rèn)同對提高主頁轉(zhuǎn)化率也非常重要。

5. WPMU DEV

WPMU DEV網(wǎng)站是用WordPress搭建的，并充分利用了WordPress平臺的各種插件和主題。WPMU DEV在自己的主頁上將他們設(shè)計的這些插件都展示出來，稍后我們會分析他們都做了哪些工作來吸引讀者的閱讀興趣。

6. AWeber

最近，Aweber通過更新主頁設(shè)計，轉(zhuǎn)化率得到了明顯的提升。正如圖中banner文字描述的那樣：你和用戶的連接，一切從收件箱開始。

從這六個網(wǎng)站中總結(jié)的10條經(jīng)驗

從這些優(yōu)秀的網(wǎng)站中，我們可以得到以下10點啟示。記住，大多數(shù)主頁頁面、功能的優(yōu)化都可以通過使用合適的WordPress插件或者是改幾行代碼就可以實現(xiàn)的，并不特別復(fù)雜，心動不如行動，讓我們來看看該怎么做吧！

1、一個表達(dá)清晰、顯示突出的CTA（行為激發(fā)）

本篇文章所提到的所有訣竅中最重要的一點就是，你的主頁上應(yīng)該有一個非常清晰明了的CTA（行為激發(fā)）。如果你能為這個CTA設(shè)計一種獨特、抓人眼球的呈現(xiàn)形式則會錦上添花。此舉目的在于讓那些瀏覽主頁的用戶清楚地知道企業(yè)對他們的要求，希望他們做什么。頁面內(nèi)容不要過多，以免用戶感到困惑。國外的Marketing Inc和AWeber公司的著陸頁是非常值得大家參考借鑒的例子。

2、能夠抓人眼球的圖片

好的圖片對于主頁設(shè)計來說至關(guān)重要。我就在自己的博客主頁上添加了一張長圖片，這張圖片讓我的博客顯得更加與眾不同，上面所提到的所有網(wǎng)站也都非常擅長利用圖片來吸引讀者。特別是Chris Ducker（上面第二個案例），他是圖片使用方面的專家，他將自己的照片放在網(wǎng)站主頁上，照片中他的目光注視著網(wǎng)頁上的信息欄和CTA，意在表示自己希望大家能夠響應(yīng)，用戶往往會受到圖片的暗示，注意力順著他的目光看向右邊，然后進(jìn)行相應(yīng)的動作，最終完成轉(zhuǎn)化。

3、移動響應(yīng)差異化

毋庸多說，移動設(shè)備的使用率超過了PC端，作為營銷人員我們不得不重視這塊新的蛋糕。由于顯示屏幕和使用場景的不同，我們應(yīng)將二者差別對待，我所說的差別不僅體現(xiàn)在文字大小、圖片多少上，還在整個網(wǎng)頁的設(shè)計思路和功能優(yōu)化上。例如，我不會在移動端的網(wǎng)站上推銷BlueHost（藍(lán)色主機(jī)，是一款非常受歡迎的美國主機(jī)）的產(chǎn)品，因為在移動端，用戶不太會注冊完成購買。認(rèn)真觀察上述提到的六個網(wǎng)站在移動端和PC端上的不同，你會發(fā)現(xiàn)他們在移動端上省略掉了哪些功能和要素。

4、精心設(shè)計品牌風(fēng)格

上述提到的六個主頁都有一個相同點，即每個網(wǎng)站都有自己非常獨特、突出的品牌風(fēng)格。顏色、字體、排版、圖片都高度和諧一致，各個要素都在為同一個營銷目標(biāo)服務(wù)。做到這點并不容易，但是如果做好了就更能讓人感受到網(wǎng)站的專業(yè)性，從而提高轉(zhuǎn)化率。如果你想讓用戶留下自己的郵箱、電話號碼、信用卡等個人信息，你就必須讓他們對你產(chǎn)生信任。提高專業(yè)程度能夠增強(qiáng)用戶對你的信任。因此，我們必須要做到網(wǎng)站不存在任何安全漏洞，保障用戶的信息不會泄露。

5、概述產(chǎn)品優(yōu)點（而非詳細(xì)地羅列用戶能得到什么）

營銷界有一句名言：你應(yīng)該專注于Benefits（用戶能得到的好處）而不是features（你產(chǎn)品的特性）。這句話是說，你不需要在主頁上將所有用戶可以獲得的東西全部具體地列出來，你要做的是給用戶一些概念性的東西，告訴用戶他們將會獲得怎樣的用戶體驗，會達(dá)成怎樣的目標(biāo)。例如，在Bodybuilding.com的主頁上，他們打出了“改變你生活”這樣一句話，而不是羅列你可以選擇的健身項目。這就是語言的藝術(shù)。

6、提供吸引人的獎勵

幾乎所有優(yōu)秀的主頁都會為用戶采取一些措施，以此誘惑、鼓勵用戶注冊或者瀏覽更多的信息。Chris Ducker網(wǎng)站上，當(dāng)用戶注冊網(wǎng)站完成某項任務(wù)之后，網(wǎng)頁就會出現(xiàn)一個圓點記號，記錄你的成就。這往往讓用戶很難忽視。

7、時間的敏感性

看一看Marketing Inc的主頁，你會看到頁面上有一個時鐘，顯示離下一場在線研討會的召開還有多久。這種做法能夠引起讀者輕微的緊張感——當(dāng)他們知道時間越來越少時他們就會產(chǎn)生一種緊迫感，從而采取行動。如果在主頁上加上一個讓人們產(chǎn)生時間緊迫感的要素，你就會看到注冊人數(shù)大大增加。

8、稀缺性

Neil Patel舉辦的在線研討會通常都有人數(shù)的限制。和時間緊迫感的原理一樣，機(jī)會的稀缺性會讓人們害怕喪失機(jī)會，從而促使人們快速做出決定采取行動。這種意識源自于遠(yuǎn)古時代，那個時候食物和住所是稀缺資源——當(dāng)我們感到得不到這些資源的時候大腦就會發(fā)送信號讓我們盡快采取行動來獲取資源。

9、社會認(rèn)同

社會認(rèn)同在健身行業(yè)已經(jīng)被廣泛應(yīng)用，他們多采用“健身前和健身后”的對比照片來讓人信服，樹立社會認(rèn)同。這種做法簡單又有效。Bodybuilding.com的主頁上就可以看出這一點，看到別人健身取得的效果后你也會忍不住點擊注冊按鈕，自己也來上幾套訓(xùn)練。記住，你在主頁上所舉的例子必須是真實的，虛假信息在有些國家是違法的（更別說不合情理了）。如果這樣做之后你的注冊人數(shù)仍然沒有增長，那么嘗試著把你客戶取得的證書或者企業(yè)的榮譽(yù)、獎勵放在網(wǎng)站上。

10.背書擔(dān)保

最近，我借鑒了Chris Ducker的一個做法，就是在選擇性輸入欄的下方標(biāo)注我的博文曾經(jīng)被哪些雜志期刊網(wǎng)站所轉(zhuǎn)載。通過這種方式，證明我的文章是被廣泛認(rèn)可的，從而讓新讀者產(chǎn)生信任，消除他們留下聯(lián)系方式時的不安和疑惑。要知道大多數(shù)用戶都非常重視自己的個人隱私和信息安全。當(dāng)企業(yè)要采取以上的方法對主頁進(jìn)行優(yōu)化的時候，我建議你注意對優(yōu)化前后的營銷效果進(jìn)行具體對比分析，看看所采取的措施是否真正有利于轉(zhuǎn)化率的提高。在其他人身上有效的方法，放到你的企業(yè)身上不一定能成功。

如何設(shè)計一個漂亮的主頁？

看到這里，你是不是開始羨慕別人的網(wǎng)站怎么能夠設(shè)計地這么好？當(dāng)你剛開始準(zhǔn)備重新設(shè)計主頁時，很容易陷入“主題單一”的誤區(qū)。你花費在創(chuàng)造內(nèi)容方面的時間越久，你就越?jīng)]有精力擴(kuò)展用戶郵箱列表，越?jīng)]有精力和讀者互動，越?jīng)]有精力優(yōu)化網(wǎng)頁設(shè)計。 此時你有三種出路：

1.自己設(shè)計主頁，聘請程序員進(jìn)行網(wǎng)頁編碼

如果你擅長美工，那么就自行設(shè)計一個新的主頁，然后聘請專業(yè)的WordPress程序員為你編碼。當(dāng)然前提是你擅長美工，知道怎么利用各種插件來達(dá)到最好的效果，否則我不建議你采取這個做法。

2.聘請一個網(wǎng)頁設(shè)計師

有大把優(yōu)秀的網(wǎng)頁設(shè)計師供你選擇，他們是WordPress方面的專家，可以幫助你設(shè)計一個全新的、漂亮的主頁。如果你希望你的主頁可以更加個性化更加獨樹一幟，你的要求比較多的話，那么花費相對的也就比較多，可能需要幾萬塊，但是如果你要求比較少，只是希望能夠請一個人幫你重新優(yōu)化主頁的話，只需要花費少量預(yù)算就可以了——如果你能找到一個收費比較低的程序員來實現(xiàn)主頁的話，花費就更少了。

3.購買新的主題

最后一種選擇是最便宜最省事，而且可能，是效果最好的。那就是直接購買新主題。WordPress上提供許多主題供用戶選擇，這些主題都是經(jīng)過設(shè)計師的精心設(shè)計，賣點就在于通過優(yōu)化主頁為博客主帶來更多的轉(zhuǎn)化率。我將用兩個WordPress的主題案例來結(jié)束今天的文章。這兩個主題是既美觀又能有效提高轉(zhuǎn)化率。如果你考慮更新主頁的話可以考慮一下它們的設(shè)計。

1.基于Genesis 框架的StudioPress 主題

StudioPress和Genesis是Copyblogger公司推出的兩個非常出色的產(chǎn)品。在短短幾年時間內(nèi)這些主題和框架成為了WordPress其他主題公司效仿的標(biāo)準(zhǔn)——它們不管是視覺效果還是營銷效果都非常的好。我喜歡這個主題框架的原因之一在于，我相信他們會為我?guī)砗芎玫男Ч驗樗鼈兪怯梢蝗赫嬲?a target="_blank">網(wǎng)絡(luò)營銷的人設(shè)計開發(fā)出來的，這個團(tuán)隊的人知道什么樣的主頁能夠產(chǎn)生高的轉(zhuǎn)化率。你需要一定的時間去適應(yīng)新主題，但這一切都值得。在上述提到的六個網(wǎng)站中，至少有一個使用了這個平臺提供的框架。

2. Theme Fusion公司出品的Avada 系列主題

我曾經(jīng)接觸過一家公司，這個公司吸引我的地方在于它可以實現(xiàn)無限制個性化定制的可能，你可以任意選擇。同樣，這也需要花費你一定的時間和精力去適應(yīng)這些變化，一旦你熟悉之后你就發(fā)現(xiàn)它其實非常方便好用。以上兩種都是十分出色的主題公司，它們的產(chǎn)品都非常注重留白和大幅圖片——這兩者對轉(zhuǎn)化率至關(guān)重要，同時也是衡量一個主頁是否優(yōu)秀的標(biāo)準(zhǔn)之一。

你的主頁是否美觀？轉(zhuǎn)化率夠高嗎？

能否把你對你的主頁的看法告訴我？你的主頁轉(zhuǎn)化率理想嗎？你是否滿意它現(xiàn)在的樣子？歡迎你在文章下方留言和我分享。

網(wǎng)站名稱：網(wǎng)頁設(shè)計要怎樣提高轉(zhuǎn)化率
網(wǎng)站路徑：http://jinyejixie.com/news/98780.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供外貿(mào)建站、企業(yè)建站、自適應(yīng)網(wǎng)站、網(wǎng)站制作、品牌網(wǎng)站建設(shè)、移動網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)