歡迎來(lái)到合肥浪訊網(wǎng)絡(luò)科技有限公司官網(wǎng)
  咨詢(xún)服務(wù)熱線(xiàn):400-099-8848

使用ASP程序語(yǔ)言創(chuàng)建網(wǎng)站內(nèi)容輪顯功能

發(fā)布時(shí)間:2016-02-09 文章來(lái)源:  瀏覽次數(shù):3196

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


  現(xiàn)在,良多企業(yè)的網(wǎng)站都做得越來(lái)越好了。


  流量分析與A\B測(cè)試等工具的產(chǎn)生,讓營(yíng)銷(xiāo)職員知道哪些要素能進(jìn)步轉(zhuǎn)化率、不可或缺值得改進(jìn),哪些要素可有可無(wú),可以?huà)亝s。


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


  光有一個(gè)漂亮的主頁(yè)就夠了么?


  通過(guò)平日的觀(guān)察,我發(fā)現(xiàn)一個(gè)有趣的現(xiàn)象:設(shè)計(jì)得不怎么樣的主頁(yè)轉(zhuǎn)化效果往往優(yōu)于漂亮的主頁(yè)!!


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


  


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


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


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


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


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


  1. NeilPatel.com


  


圖中文章標(biāo)題:做了這三步,成就了我4百萬(wàn)的生意。


圖中紅色CTA:但愿Neil幫我?guī)?lái)更多的生意


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


  2. ChrisDucker.com


  


  Chris的頁(yè)面設(shè)計(jì)做了較大更新。這個(gè)主頁(yè)的轉(zhuǎn)化率也非常高,這和主頁(yè)背景上Chris的眼睛一直望向郵箱地址填寫(xiě)欄有關(guān)。稍后我們?cè)俜治鰹槭裁催@樣的背景圖片能夠進(jìn)步轉(zhuǎn)化率。


  3. MarketingInc.com


  


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


  4. Bodybuilding.com


  


  這個(gè)網(wǎng)站頁(yè)面設(shè)計(jì)和功能布局非常的棒,F(xiàn)在他們的主頁(yè)右半邊展示了很多健身興趣者的照片,從這個(gè)網(wǎng)站上我們也可以發(fā)現(xiàn)建立社會(huì)認(rèn)同對(duì)進(jìn)步主頁(yè)轉(zhuǎn)化率也非常重要。


  5. WPMU DEV


  


  WPMU DEV網(wǎng)站是用WordPress搭建的,并充分利用了WordPress平臺(tái)的各種插件和主題。WPMU DEV在自己的主頁(yè)上將他們?cè)O(shè)計(jì)的這些插件都展示出來(lái),稍后我們會(huì)分析他們都做了哪些工作來(lái)吸引讀者的閱讀愛(ài)好。


  6. AWeber


  


  最近,Aweber通過(guò)更新主頁(yè)設(shè)計(jì),轉(zhuǎn)化率得到了顯著的晉升。正如圖中banner文字描述的那樣:你和用戶(hù)的連接一切從收件箱開(kāi)始。


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


  從這些優(yōu)秀的網(wǎng)站中,我們可以得到以下10點(diǎn)啟示。


  記住,大多數(shù)主頁(yè)頁(yè)面、功能的優(yōu)化都可以通過(guò)使用合適的WordPress插件或者是改幾行代碼就可以實(shí)現(xiàn)的,并不特別復(fù)雜,心動(dòng)不如步履,讓我們來(lái)看看該怎么做吧!


  1、一個(gè)表達(dá)清楚、顯示凸起的CTA(行為激發(fā))


  本篇文章所提到的所有訣竅中最重要的一點(diǎn)就是,你的主頁(yè)上應(yīng)該有一個(gè)非常清楚明了的CTA(行為激發(fā))。假如你能為這個(gè)CTA設(shè)計(jì)一種獨(dú)特、抓人眼球的呈現(xiàn)形式則會(huì)錦上添花。此舉目的在于讓那些瀏覽主頁(yè)的用戶(hù)清晰地知道企業(yè)對(duì)他們的要求,但愿他們做什么。頁(yè)面內(nèi)容不要過(guò)多,以免用戶(hù)感到困惑。Marketing IncAWeber公司的著陸頁(yè)長(zhǎng)短常值得大家參考鑒戒的例子。


  2、能夠抓人眼球的圖片


  好的圖片對(duì)于主頁(yè)設(shè)計(jì)來(lái)說(shuō)至關(guān)重要。特別是Chris Ducker,他是圖片使用方面的專(zhuān)家,他將自己的照片放在網(wǎng)站主頁(yè)上,照片中他的目光凝視著網(wǎng)頁(yè)上的信息欄和CTA,意在表示自己但愿大家能夠響應(yīng),用戶(hù)往往會(huì)受到圖片的暗示,留意力順著他的目光看向右邊,然后進(jìn)行相應(yīng)的動(dòng)作,終極完成轉(zhuǎn)化。


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


  毋庸多說(shuō),移動(dòng)設(shè)備的使用率超過(guò)了PC端,作為營(yíng)銷(xiāo)職員我們不得不正視這塊新的蛋糕。因?yàn)轱@示屏幕和使用場(chǎng)景的不同,我們應(yīng)將二者差別對(duì)待,我所說(shuō)的差別不僅體現(xiàn)在文字大小、圖片多少上,還在整個(gè)網(wǎng)頁(yè)的設(shè)計(jì)思路和功能優(yōu)化上。例如,我不會(huì)在移動(dòng)真?zhèn)網(wǎng)站上傾銷(xiāo)BlueHost(藍(lán)色主機(jī),是一款非常受歡迎的美國(guó)主機(jī))的產(chǎn)品,由于在移動(dòng)端,用戶(hù)不太會(huì)注冊(cè)完成購(gòu)買(mǎi)。當(dāng)真觀(guān)察上述提到的六個(gè)網(wǎng)站在移動(dòng)端和PC端上的不同,你會(huì)發(fā)現(xiàn)他們?cè)谝苿?dòng)端上省略掉了哪些功能和要素。


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


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


  5、概述產(chǎn)品長(zhǎng)處(而非具體地羅列用戶(hù)能得到什么)


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


  6、提供吸惹人的獎(jiǎng)勵(lì)


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


  7、時(shí)間的敏感性


  看一看Marketing Inc的主頁(yè),你會(huì)看到頁(yè)面上有一個(gè)時(shí)鐘,顯示離下一場(chǎng)在線(xiàn)研討會(huì)的召開(kāi)還有多久。這種做法能夠引起讀者稍微的緊張感——當(dāng)他們知道時(shí)間越來(lái)越少時(shí)他們就會(huì)產(chǎn)生一種緊迫感,從而采取步履。假如在主頁(yè)上加上一個(gè)讓人們產(chǎn)生時(shí)間緊迫感的要素,你就會(huì)看到注冊(cè)人數(shù)大大增加。


  8、稀缺性


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


  9、社會(huì)認(rèn)同


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


  10.背書(shū)擔(dān)保


  最近,我鑒戒了Chris Ducker的一個(gè)做法,就是在選擇性輸入欄的下方標(biāo)注我的博文曾經(jīng)被哪些雜志期刊網(wǎng)站所轉(zhuǎn)載。通過(guò)這種方式,證實(shí)我的文章是被廣泛認(rèn)可的,從而讓新讀者產(chǎn)生信任,消除他們留下聯(lián)系方式時(shí)的不安和迷惑。要知道大多數(shù)用戶(hù)都非常正視自己的個(gè)人隱私和信息安全。


  當(dāng)企業(yè)要采取以上的方法對(duì)主頁(yè)進(jìn)行優(yōu)化的時(shí)候,我建議你留意對(duì)優(yōu)化前后的營(yíng)銷(xiāo)效果進(jìn)行詳細(xì)對(duì)比分析,看看所采取的措施是否真正有利于轉(zhuǎn)化率的進(jìn)步。在其他人身上有效的方法,放到你的企業(yè)身上不一定能成功。

  如何設(shè)計(jì)一個(gè)漂亮的主頁(yè)?


  看到這里,你是不是開(kāi)始羨慕別人的網(wǎng)站怎么能夠設(shè)計(jì)地這么好?


  當(dāng)你剛開(kāi)始預(yù)備重新設(shè)計(jì)主頁(yè)時(shí),很輕易陷入“主題單一”的誤區(qū)。


  你花費(fèi)在創(chuàng)造內(nèi)容方面的時(shí)間越久,你就越?jīng)]有精力擴(kuò)展用戶(hù)郵箱列表,越?jīng)]有精力和讀者互動(dòng),越?jīng)]有精力優(yōu)化網(wǎng)頁(yè)設(shè)計(jì)。


  此時(shí)你有三種出路:


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


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


  2.禮聘一個(gè)網(wǎng)頁(yè)設(shè)計(jì)師


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


  3.購(gòu)買(mǎi)新的主題


  最后一種選擇是最便宜最省事,而且可能,是效果最好的。那就是直接購(gòu)買(mǎi)新主題。WordPress上提供很多主題供用戶(hù)選擇,這些主題都是經(jīng)由設(shè)計(jì)師的精心設(shè)計(jì),賣(mài)點(diǎn)就在于通過(guò)優(yōu)化主頁(yè)為博客主帶來(lái)更多的轉(zhuǎn)化率。


  我將用兩個(gè)WordPress的主題案例來(lái)結(jié)束今天的文章。這兩個(gè)主題是既美觀(guān)又能有效進(jìn)步轉(zhuǎn)化率。假如你考慮更新主頁(yè)的話(huà)可以考慮一下它們的設(shè)計(jì)。


  1.基于Genesis 框架的StudioPress 主題


  


  StudioPressGenesisCopyblogger公司推出的兩個(gè)非常精彩的產(chǎn)品。在短短幾年時(shí)間內(nèi)這些主題和框架成為了WordPress其他主題公司效仿的尺度——它們無(wú)論是視覺(jué)效果仍是營(yíng)銷(xiāo)效果都非常的好。


  我喜歡這個(gè)主題框架的原因之一在于,我相信他們會(huì)為我?guī)?lái)很好的效果,由于它們是由一群真正懂得網(wǎng)絡(luò)營(yíng)銷(xiāo)的人設(shè)計(jì)開(kāi)發(fā)出來(lái)的,這個(gè)團(tuán)隊(duì)的人知道什么樣的主頁(yè)能夠產(chǎn)生最高的轉(zhuǎn)化率。


  你需要一定的時(shí)間去適應(yīng)新主題,但這一切都值得。在上述提到的六個(gè)網(wǎng)站中,至少有一個(gè)使用了這個(gè)平臺(tái)提供的框架。


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


  


  我曾經(jīng)接觸過(guò)一家公司,這個(gè)公司吸引我的地方在于它可以實(shí)現(xiàn)無(wú)窮制個(gè)性化定制的可能,你可以任意選擇。


  同樣,這也需要花費(fèi)你一定的時(shí)間和精力去適應(yīng)這些變化,一旦你認(rèn)識(shí)之后你就發(fā)現(xiàn)它實(shí)在非常利便好用。


  以上兩種都是十分精彩的主題公司,它們的產(chǎn)品都非常注重留白和大幅圖片——這兩者對(duì)轉(zhuǎn)化率至關(guān)重要,同時(shí)也是衡量一個(gè)主頁(yè)是否優(yōu)秀的尺度之一。

上一條:建設(shè)和運(yùn)營(yíng)小而精的網(wǎng)站需...

下一條:ContentRotat...