對(duì)于網(wǎng)站的SEO推廣而言，用戶體驗(yàn)可以說是一個(gè)不可忽視的根基。一個(gè)網(wǎng)站如何沒有良好的用戶體驗(yàn)，自然不會(huì)提升流量更不用談轉(zhuǎn)化率了。網(wǎng)站的用戶體驗(yàn)是從多個(gè)方面來衡量的，蟬知小編就和大家探討下如何提升網(wǎng)站的用戶體驗(yàn)度。
絕招一：快
每一個(gè)用戶都是我們努力引流的結(jié)果，千萬不要讓用戶在打開你網(wǎng)站時(shí)，半天打不開。一般情況下PC端網(wǎng)站10秒內(nèi)沒打開，移動(dòng)端3秒內(nèi)沒打開，用戶基本上都會(huì)直接關(guān)掉。況且現(xiàn)在隨著移動(dòng)端超越PC端，搜索引擎也對(duì)網(wǎng)站的打開速度有了一定的要求，這一點(diǎn)相信大家都能理解。蟬知小編建議，最好讓我們的網(wǎng)站PC端能在3秒內(nèi)打開，移動(dòng)端能在1秒內(nèi)打開，這樣才有利于搶占先機(jī)。
說了這么多，可能大家會(huì)覺得是廢話，其實(shí)不然。我們來看兩個(gè)數(shù)字，google曾經(jīng)做過的一個(gè)實(shí)驗(yàn)，顯示10條搜索結(jié)果的頁(yè)面載入需要0.4秒，顯示30條搜索結(jié)果的頁(yè)面載入需要0.9秒，采用后面一個(gè)方案的話，流量和收入各減少20%。而且百度也在移動(dòng)端的優(yōu)化指南中明確規(guī)定了：網(wǎng)站打開速度過慢是不利于網(wǎng)站排名的。
如何優(yōu)化網(wǎng)站的打開速度呢？干貨來了哦。
1、減少HTTP請(qǐng)求數(shù)
用戶在打開一個(gè)網(wǎng)頁(yè)的時(shí)候，后臺(tái)程序響應(yīng)用戶所需的時(shí)間并不多，用戶等待的時(shí)間主要花費(fèi)在下載網(wǎng)頁(yè)元素上了，即HTML、CSS、JavaScript、Flash、圖片等，統(tǒng)計(jì)顯示，每增加一個(gè)元素，網(wǎng)頁(yè)載入的時(shí)間就增加25-40毫秒(取決于用戶的帶寬情況)。
所以，想要提高網(wǎng)頁(yè)打開速度，就要減少HTTP請(qǐng)求數(shù)，方法有3種：
A、減少不必要的HTTP請(qǐng)求，例如用CSS圓角代替圓角圖片，減少圖片的使用。
B、合并文件，對(duì)于文本文件，可以直接合并內(nèi)容。例如將多個(gè)JS(JavaScript的簡(jiǎn)稱)文件合并成一個(gè)，將多個(gè)CSS文件合并成一個(gè)。
C、優(yōu)化緩存，對(duì)于沒有變化的網(wǎng)頁(yè)元素(如頁(yè)頭、頁(yè)尾等)，用戶再次訪問的時(shí)候沒有必要重新下載，直接從瀏覽器緩存里讀取就可以了。
2、使用CDN加速(Content Delivery Network，內(nèi)容分發(fā)網(wǎng)絡(luò))
用戶與你網(wǎng)站服務(wù)器的接近程度會(huì)影響響應(yīng)時(shí)間的長(zhǎng)短，把網(wǎng)站內(nèi)容分散到多個(gè)、處于不同地理位置的服務(wù)器上可以加快下載速度。CDN由一系列分散到各個(gè)不同地理位置上的Web服務(wù)器組成，它根據(jù)和用戶在網(wǎng)絡(luò)上的靠近程度來指定某臺(tái)服務(wù)器響應(yīng)用戶的請(qǐng)求。現(xiàn)在市面上有很多第三方CDN產(chǎn)品，比如百度云加速、360加速、加速樂、安全寶等。
我們的蟬知系統(tǒng)提供了CDN功能，后臺(tái)輕松一鍵開啟，簡(jiǎn)單方便，使用戶的網(wǎng)站訪問速度更快，也有效地防御DDOS攻擊。
3、壓縮網(wǎng)頁(yè)元素
網(wǎng)頁(yè)中的每個(gè)元素越小，下載所需的時(shí)間就越少，這個(gè)很好理解。現(xiàn)在比較成熟和流程的壓縮網(wǎng)頁(yè)的方式，是通過Gzip，我自己的實(shí)操經(jīng)驗(yàn)來看，一般可以將網(wǎng)頁(yè)文本內(nèi)容減少70%以上。
4、樣式表放在網(wǎng)頁(yè)head部分
把樣式表(CSS文件)移到網(wǎng)頁(yè)的head部分可以讓頁(yè)面盡快開始渲染，用戶所感受的載入速度將會(huì)變快。
5、把JS文件放到網(wǎng)頁(yè)底部
網(wǎng)頁(yè)打開時(shí)，所有元素是順序顯示的。由于JS文件的特殊性，其相比其他元素來說，會(huì)加載的很慢，在JS文件下載完成之前，其他后面元素的順序顯示將被阻塞，因此把JS文件盡量放在底部，意味著內(nèi)容能被快速顯示。
6、把樣式表和JS腳本放到外部文件中
盡管將樣式表和JS腳本直接寫入網(wǎng)頁(yè)HTML中，可以減少外部文件調(diào)用數(shù)量，從而增加HTTP請(qǐng)求數(shù)。但是，這樣做會(huì)增加網(wǎng)頁(yè)的文件大小。綜合來看，將樣式表和JS腳本放到外部文件中，也許用戶首次訪問時(shí)會(huì)有點(diǎn)慢，但是后續(xù)在訪問網(wǎng)站時(shí)，頁(yè)面內(nèi)容通過瀏覽器緩存來減少HTTP請(qǐng)求，從而達(dá)到快速顯示的目的。
通過上面幾點(diǎn)的操作，相信你的網(wǎng)站打開速度會(huì)有顯著的提升。
網(wǎng)站打開速度越快，除了能提升用戶的體驗(yàn)之外，還可以提升用戶的信任度，如果一個(gè)網(wǎng)站半天打不開，用戶就會(huì)覺得這是一個(gè)不靠譜的網(wǎng)站，自然也不會(huì)買你的東西。
現(xiàn)在如果你的網(wǎng)站打開速度超過10秒，是時(shí)候著手優(yōu)化了，特別是投了廣告的網(wǎng)站，辛辛苦苦花的錢，大部分都會(huì)被浪費(fèi)掉，還不如花點(diǎn)錢提升網(wǎng)站的速度。
絕招二：準(zhǔn)
從某種意義上說，用戶都是懶惰的，因?yàn)樗麄儺?dāng)他們點(diǎn)擊進(jìn)你網(wǎng)站時(shí)，肯定是被你網(wǎng)站某一因素所吸引。比如某一知識(shí)點(diǎn)、某一笑點(diǎn)、某一故事... ...當(dāng)他們來了之后需要的是立即了解想要看的東西，而不是各種思考、學(xué)習(xí)你的網(wǎng)站怎么操作使用，或者說在滿屏幕用戶不希望看到的東西中找那么一點(diǎn)點(diǎn)需求點(diǎn)。有的站長(zhǎng)喜歡將網(wǎng)站整的很炫酷，功能很高端，結(jié)果用戶不知道該點(diǎn)哪里；也有的網(wǎng)站已進(jìn)入之后就是各種彈窗廣告，或者說各種垃圾信息，結(jié)果用戶想看的東西反而找不到了，這樣的頁(yè)面有何意義呢？面對(duì)這樣的網(wǎng)站，我相信99%的人只會(huì)進(jìn)行一個(gè)操作，關(guān)掉！
好的網(wǎng)站是代替用戶思考，直接給他們想要的東西，然后在做好網(wǎng)站布局，給他們舒適、溫馨的體驗(yàn)感的同時(shí)，給他們推薦更多他們想了解的內(nèi)容。那么如何做好網(wǎng)站的布局，給他們舒適感呢？請(qǐng)看下去：
1、LOGO標(biāo)識(shí)
LOGO對(duì)于一個(gè)網(wǎng)站而言，其實(shí)相對(duì)于人的臉。用戶記住了LOGO就記住了你的網(wǎng)站名稱，就記住了你的網(wǎng)站！一個(gè)好的LOGO能給用戶留下好的第一印象，至于什么是好的LOGO，呂杭澤認(rèn)為不需要太花哨，只要簡(jiǎn)單明了，能讓用戶一眼明了，并有自己的特色，就足以！
2、網(wǎng)站是做什么的？
當(dāng)我們做好網(wǎng)站LOGO之后，還需要告訴用戶我們的網(wǎng)站提供什么服務(wù)？是商城站？還是教程站？是新聞網(wǎng)站？還是理財(cái)培訓(xùn)網(wǎng)站？特別是新站，最好能有一個(gè)明確的方向，而不是一打開網(wǎng)站什么都有，感覺太過于雜亂！記住，沒有強(qiáng)硬的實(shí)力，就不要貪大求全！
3、網(wǎng)站能給用戶好處？
在網(wǎng)站中簡(jiǎn)單明了的告訴用戶，我們的網(wǎng)站能給他們帶來什么好處？一般都是依據(jù)話表述，比如百度的“百度一下，你就知道”，用很直白的方式告訴用戶：我能幫你找到問題的答案，簡(jiǎn)單易懂。
4、告訴用戶為什么要使用我們的網(wǎng)站！
現(xiàn)如今不管哪個(gè)行業(yè)競(jìng)爭(zhēng)都非常激烈，同質(zhì)化的產(chǎn)品越來越多，用戶為什么要使用我們的網(wǎng)站而不用別人的網(wǎng)站呢？這就需要打造我們網(wǎng)站的核心競(jìng)爭(zhēng)力了。什么是核心競(jìng)爭(zhēng)力？呂杭澤認(rèn)為：核心競(jìng)爭(zhēng)力就是獨(dú)一無二，或者說就是“人無我有，人有我優(yōu)”！這就是核心競(jìng)爭(zhēng)力，也才是我們制霸眾多對(duì)手的關(guān)鍵！
還是舉個(gè)百度的例子：百度搜索引擎，為什么百度能在國(guó)內(nèi)搜索市場(chǎng)獨(dú)占鰲頭？就因?yàn)樗乃阉骷夹g(shù)牛B，所以他才是老大。
說了半天理論，我們來看看下案例。京東在國(guó)內(nèi)電商的實(shí)力，不用說了吧。我們看下京東的首頁(yè)左上角是醒目的LOGO+“多·快·好·省”，LOGO之下則是各種商品分類，品種齊全，中間是搜索框與推薦欄目、banner，右側(cè)則是京東新聞與常用的快捷方式，操作簡(jiǎn)單、介紹明了。
絕招三：“狠”
此“狠”非彼“狠”，大家切莫理解錯(cuò)了。從某種意義上來說，用戶是懶惰的，喜歡能直接找打襲擊想要的內(nèi)容，而不是各種翻找。當(dāng)網(wǎng)站給用戶不好的體驗(yàn)之后，可能導(dǎo)致用戶不再信任我們的網(wǎng)站，以后不再回訪了。
針對(duì)用戶的這種習(xí)慣，蟬知小編建議我們?cè)谠O(shè)計(jì)網(wǎng)站框架時(shí)就要考慮到如何提高用戶體驗(yàn)，提升網(wǎng)站的效率。
1、目標(biāo)信息要醒目
如何縮短完成路徑，優(yōu)化操作步驟是第一位的，因?yàn)槲覀兪紫纫?jiǎn)化用戶的任務(wù)。根據(jù)費(fèi)茨定律，使用指點(diǎn)設(shè)備到達(dá)一個(gè)目標(biāo)的時(shí)間與以下兩個(gè)因素有關(guān)。
A、設(shè)備當(dāng)前位置和目標(biāo)位置的距離，距離越短，所用時(shí)間越短。
B、目標(biāo)的面積，目標(biāo)面積越大，所用時(shí)間越短。
通俗來說，就是如果我們希望用戶注意或點(diǎn)擊某個(gè)元素(如文字、圖片、按鈕等)，那么這個(gè)元素就不應(yīng)該距離指點(diǎn)設(shè)備的當(dāng)前位置太遠(yuǎn)(比如出現(xiàn)在屏幕的右側(cè))，并且它的面積要足夠大。現(xiàn)在網(wǎng)站設(shè)計(jì)都追求“以大為美”，大大的LOGO，大大的圖片，大大的按鈕，它們不光看起來更有沖擊力，也更方便用戶的識(shí)別和點(diǎn)擊。
2、將用戶視線保持在一條直線上
用戶在使用網(wǎng)站的過程中，眼球的運(yùn)動(dòng)時(shí)間通常比指點(diǎn)設(shè)備的運(yùn)動(dòng)時(shí)間更長(zhǎng)，將用戶的視線保持在一條直線上（通常用豎線），是最常見的優(yōu)化手段。
用戶的眼球運(yùn)動(dòng)為直線
3、溫柔的提示方法
在用戶完成任務(wù)的過程中，有時(shí)候需要給用戶提供幫助和指引，很多網(wǎng)站常見的做法是采用彈出對(duì)話框的方式進(jìn)行提示，用戶需要關(guān)閉對(duì)話框才能繼續(xù)自己的任務(wù)，降低了操作效率。但用戶在完成任務(wù)的過程中遇到了障礙，如果在第一時(shí)間給予溫柔的反饋，為用戶提出合理的建議。例如，我們?cè)谧?cè)賬號(hào)的時(shí)候，輸入的用戶名已經(jīng)被使用的情況下，可以提升用戶xxx用戶名已經(jīng)被使用，不過您可以使用以下用戶名：xxx123,xxx128等等，用戶自然會(huì)感到很貼心。
4、降低用戶出錯(cuò)的機(jī)會(huì)
當(dāng)用戶出錯(cuò)的時(shí)候他會(huì)很煩躁，所以要盡可能的降低用戶出錯(cuò)的機(jī)會(huì)。我們可以從以下幾個(gè)方面來降低用戶出錯(cuò)的機(jī)會(huì)。
①. 自動(dòng)：自動(dòng)完成任務(wù)，或者出現(xiàn)錯(cuò)誤的時(shí)候自動(dòng)校正。
②. 隔離：通過區(qū)域劃分，禁止用戶進(jìn)入危險(xiǎn)區(qū)域。
③. 校驗(yàn)：利用形狀、密碼等進(jìn)行校驗(yàn)，確保不會(huì)誤操作。
④. 順序：將流程編號(hào)，依次執(zhí)行。比如淘寶會(huì)根據(jù)交易進(jìn)行的階段提示用戶進(jìn)行相應(yīng)的操作。
⑤. 指引：通過形狀、顏色等對(duì)用戶進(jìn)行有效的指引，讓他不需要停下來想就知道接下來應(yīng)該干什么。
⑥. 警告：將不正常的情況通過文字、顏色、聲音等媒介及時(shí)通知用戶，提醒用戶進(jìn)行修正。
⑦. 緩沖：利用各種方法減免差錯(cuò)帶來的傷害。例如用戶在寫博客的時(shí)候可能會(huì)遇到網(wǎng)絡(luò)故障、瀏覽器崩潰等原因?qū)е虏┛蛢?nèi)容丟失，撫平用戶情緒的最佳方案就是對(duì)所建立的緩沖提供自動(dòng)保存功能以幫助用戶找回內(nèi)容。
5、用戶不喜歡被打擾
我們可以想象下當(dāng)用戶正在閱讀一篇文章，忽然飄出一個(gè)廣告擋住了視線，他不得不停下來尋找關(guān)閉按鈕來關(guān)閉這個(gè)廣告，他會(huì)不惱火？如果在支付頁(yè)面上出現(xiàn)這樣的騷擾會(huì)怎么樣呢？
除了功能性騷擾，視覺和聽覺的騷擾也很常見。跑馬燈一類的持續(xù)翻動(dòng)效果很能吸引人，但是當(dāng)用戶將視線移，關(guān)注其他內(nèi)容的時(shí)候，這種效果就會(huì)造成視覺上的閃爍，讓用戶分心并且煩躁。如果難以割舍這種信息更新的效果，間隔一段時(shí)間刷新一次的翻新效果會(huì)稍好一些。還有些網(wǎng)站提供背景音樂，但不一定每個(gè)用戶都喜歡這些音樂，提供明顯的靜音按鈕非常必要。
這就是蟬知小編總結(jié)的：菜鳥也能做好的用戶體驗(yàn)三部曲之快、準(zhǔn)、狠，不知道大家有沒有收獲呢？相信只要我們做好這3步，我們網(wǎng)站一定會(huì)有一個(gè)良好的用戶體驗(yàn)！
