- 簡(jiǎn)體
- 簡(jiǎn)體中文 English
企業(yè)網(wǎng)站seo營(yíng)銷型網(wǎng)站建設(shè)
除了常規(guī)的網(wǎng)站建設(shè)產(chǎn)品知識(shí),您還需要對(duì)這些知識(shí)進(jìn)行延伸,您可以通 過(guò)專業(yè)文章,白皮書等方式,發(fā)表您在行業(yè)中的造詣,擴(kuò)展知識(shí)可以提高您的企業(yè)在行業(yè)中的權(quán)威并贏得話語(yǔ)權(quán),這些內(nèi)容需要有一定的見(jiàn)地,能贏得行業(yè)認(rèn)可,您也可以將這些文章在別的媒體發(fā)表,并提供對(duì)您網(wǎng)站上類似內(nèi)容的鏈接,這也是提高您站點(diǎn) SEO 排名的最好的途徑。
產(chǎn)品的購(gòu)買和促銷信息
要讓最終對(duì)您的產(chǎn)品動(dòng)心的用戶知道如何去購(gòu)買您的產(chǎn)品。您可以提供您在各地的經(jīng)銷商的詳細(xì)聯(lián)系方式,您的專賣店的地址,電話,交通,營(yíng)業(yè)時(shí)間,您的產(chǎn)品的訂購(gòu)細(xì)節(jié),指導(dǎo)價(jià)格,付款方式,派送或發(fā)運(yùn)方式,這些內(nèi)容需要精確,細(xì)致,這些內(nèi)容的消費(fèi)者即將成為您的正式用戶,是您前面苦心經(jīng)營(yíng)的結(jié)果,絕對(duì)不應(yīng)該在這里讓他們走掉。
網(wǎng)站幫助信息
一點(diǎn)也不奇怪,常常有一些網(wǎng)站讓人摸不著頭腦,您不知道應(yīng)怎樣使用它們。對(duì)一些界面不是很明顯的網(wǎng)站,應(yīng)該包括方便的幫助信息,幫助用戶使用您的網(wǎng)站,這些幫助信息應(yīng)當(dāng)非常及時(shí)(Handy),您在不知所措地時(shí)候,能立即找到。一定不要象傳統(tǒng)軟件那樣,將所有幫助信息編譯到一個(gè)龐大的文件里,讓用戶自己找,幫助信息應(yīng)當(dāng)就在使用現(xiàn)場(chǎng)或附近。
常見(jiàn)問(wèn)題及解答(FAQ)
FAQ 內(nèi)容應(yīng)該放在非常顯眼的位置,F(xiàn)AQ 是幫助用戶迅速上手的最佳途徑,因?yàn)?FAQ 是絕大多數(shù)人關(guān)心的問(wèn)題及解答,有經(jīng)驗(yàn)的用戶來(lái)到一個(gè)新企業(yè)網(wǎng)站會(huì)直接去找 FAQ 以便迅速了解他/她想知道的東西,因?yàn)榻^大多數(shù)用戶沒(méi)有耐心去一頁(yè)一頁(yè)地瀏覽您的內(nèi)容,他們會(huì)看看其他人都問(wèn)過(guò)什么,以及您是怎么回答的。
法律聲明(版權(quán),隱私條款,使用條款,免責(zé)聲明等)
雖然不是每個(gè)企業(yè)都有法律顧問(wèn),但您總能找到一些適合您的聲明內(nèi)容,結(jié)合您的實(shí)際情況,將這些聲明放到您網(wǎng)站的底部,它們可能沒(méi)有多少非常顯示用處,但在萬(wàn)一出現(xiàn)糾紛的時(shí)候,這些聲明可以降低您的麻煩。
職位空缺與招聘信息
如果您曾被評(píng)為最佳雇主,將招聘和職位空缺信息放到自己的網(wǎng)站,比放到專業(yè)招聘媒體也許更有效,能主動(dòng)到您的網(wǎng)站尋找工作機(jī)會(huì)的人必定對(duì)您仰慕已久,您應(yīng)當(dāng)重視這些有心人。
專用于大客戶和合作伙伴的內(nèi)容
您可以在網(wǎng)站上開辟專門的區(qū)域,供您的 VIP 客戶或合作伙伴使用,您可以為不同客戶提供個(gè)性化內(nèi)容,這種服務(wù)體驗(yàn)是非常讓客戶舒心的,我的一個(gè) Comsharp CMS 客戶便在他的網(wǎng)站上為大客戶建立了一個(gè)訂單跟蹤系統(tǒng),每個(gè)客人的每份訂單,都發(fā)布在上面,包括訂單日期,產(chǎn)品,金額,運(yùn)期,裝運(yùn)資料,裝運(yùn)單據(jù)副本,付款情況,一目了然,每個(gè)客戶只要使用他們自己的帳戶登陸,就會(huì)看到自己所有訂單的執(zhí)行情況。我另有一個(gè) Comsharp CMS 客戶從事工藝禮品出口業(yè)務(wù),他們的產(chǎn)品針對(duì)不同市場(chǎng),他為不同市場(chǎng)的客戶提供了不同的產(chǎn)品目錄區(qū),客戶登陸后,只看到與他們相關(guān)的產(chǎn)品資料,不僅節(jié)省了時(shí)間,還避免了競(jìng)爭(zhēng)對(duì)手對(duì)機(jī)密資料的竊取。
如果您是上市公司,您應(yīng)該公開上市資料
您的股東,董事會(huì)成員,您的股份分布,股票價(jià)格,財(cái)務(wù)報(bào)告,利潤(rùn),分紅等等資料,上市公司需要透明感,您需要將這些必須對(duì)股東公開的資料發(fā)布到網(wǎng)站上,并隨時(shí)更新。
Blog, BBS, Comments 等動(dòng)態(tài)內(nèi)容,您的網(wǎng)站上也可以提供團(tuán)隊(duì)成員的博客,公眾討論區(qū),員工交流區(qū)域,同客戶的交流區(qū),用戶評(píng)論等內(nèi)容,這些動(dòng)態(tài)內(nèi)容讓您隨時(shí)了解用戶的需求和抱怨,以便及時(shí)改進(jìn)自己的產(chǎn)品和服務(wù)。
內(nèi)容是一個(gè)網(wǎng)站最有價(jià)值的部分,內(nèi)容為王就是這個(gè)意思,用戶訪問(wèn)您的網(wǎng)站的唯一目的是獲取有價(jià)值的內(nèi)容,豐富的內(nèi)容,準(zhǔn)確的內(nèi)容,不斷更新的內(nèi)容是成功企業(yè)網(wǎng)站的三個(gè)要素。
完美企業(yè)網(wǎng)站的 101 項(xiàng)指標(biāo)中,有 23 項(xiàng)是關(guān)于內(nèi)容的,我們把內(nèi)容放在首位,事實(shí)上,您應(yīng)該把 80% 的重心放在內(nèi)容上面,這 23 項(xiàng)內(nèi)容指標(biāo)分別為:
豐富的內(nèi)容
一個(gè)內(nèi)容匱乏的企業(yè)網(wǎng)站,給用戶帶來(lái)的失望是難以想象的,用戶通過(guò)搜索引擎,廣告,或朋友介紹來(lái)到您的網(wǎng)站,是帶著需求而來(lái),他們對(duì)您的企業(yè),產(chǎn)品,服務(wù)缺乏了解,在這個(gè)時(shí)候,企業(yè)網(wǎng)站是最應(yīng)該發(fā)揮價(jià)值的時(shí)候,好的企業(yè)網(wǎng)站的建設(shè)者應(yīng)該揣摸用戶的需求,他們?yōu)槭裁磥?lái),希望看到什么,他們會(huì)遇到什么問(wèn)題,我們?cè)趺唇鉀Q,帶著疑問(wèn)而來(lái)的用戶是最有潛在價(jià)值的用戶,您的內(nèi)容無(wú)論多么周到都不為過(guò)。然而現(xiàn)實(shí)的情形是,用戶除了一些漂亮畫面,什么也沒(méi)看到,您的產(chǎn)品,產(chǎn)品的特點(diǎn),價(jià)格,包裝,生產(chǎn)周期,服務(wù),支持文檔,問(wèn)題及解答等等,用戶希望這些內(nèi)容越詳細(xì)越好,很多企業(yè)具有這樣的心理,我們只是放一點(diǎn)產(chǎn)品資料上去,用戶感興趣,自然會(huì)和我們聯(lián)系。
事實(shí)上,如果您的這些資料過(guò)分簡(jiǎn)陋,匱乏,用戶會(huì)對(duì)您的實(shí)力產(chǎn)生懷疑,我曾經(jīng)為一個(gè)從事機(jī)床附件出口的企業(yè)提供 IT 咨詢服務(wù),那是一個(gè)非常成功的公司,有一次,他拿出他們的產(chǎn)品目錄給我看,那本目錄有 500 頁(yè)厚,上面密密麻麻地編排著非常詳盡產(chǎn)品數(shù)據(jù),我看到那本目錄的一瞬間就知道他們?yōu)槭裁闯晒α?。企業(yè)網(wǎng)站也是一樣。
準(zhǔn)確的內(nèi)容
沒(méi)有用戶會(huì)容忍您網(wǎng)站上的錯(cuò)誤,他們會(huì)覺(jué)得您不專業(yè),不認(rèn)真,如果一個(gè)企業(yè)在網(wǎng)站這些軟的東西上都錯(cuò)漏百出,它的產(chǎn)品也不會(huì)好到哪里去。您在創(chuàng)作站點(diǎn)內(nèi)容的時(shí)候,需要不斷檢查,校對(duì),最終,也是最重要的,您要以一個(gè)用戶的身份經(jīng)常訪問(wèn)自己的網(wǎng)站,您會(huì)發(fā)現(xiàn)很多錯(cuò)誤,這時(shí)您一定不要等待,不要說(shuō)過(guò)兩天我就改正,過(guò)兩天的意思是您永遠(yuǎn)都不會(huì)去改正這些錯(cuò)誤,有一些企業(yè),他們網(wǎng)站上提供的電話是永遠(yuǎn)也打不通的,因?yàn)槟莻€(gè)號(hào)碼早就變了,您應(yīng)該立即更正,現(xiàn)代的 CMS 網(wǎng)站可以讓您非常容易地實(shí)現(xiàn)這一點(diǎn)。
不斷更新的內(nèi)容
這幾乎是目前中小企業(yè)網(wǎng)站的通病,這些網(wǎng)站的大多來(lái)自企業(yè)主管的一次心血來(lái)潮,他們花了大量時(shí)間和預(yù)算建設(shè)了網(wǎng)站,以為這樣便完事大吉,從此便將這個(gè)網(wǎng)站拋在一邊。永不更新的網(wǎng)站對(duì)只來(lái)一次的用戶來(lái)說(shuō)沒(méi)有什么,而只來(lái)一次的用戶對(duì)企業(yè)也往往帶不來(lái)銷售,然而,如果用戶對(duì)您產(chǎn)生興趣,他們就會(huì)再來(lái),只有對(duì)您的產(chǎn)品和服務(wù)有意購(gòu)買的用戶才會(huì)頻繁來(lái)訪,如果您的網(wǎng)站從不更新,對(duì)您無(wú)意的用戶可能不會(huì)覺(jué)察,對(duì)您有意的用戶一定會(huì)看到,從不更新的網(wǎng)站恰恰是給您最有價(jià)值的用戶帶來(lái)疑慮,他們會(huì)懷疑您的業(yè)務(wù)已經(jīng)停頓。
內(nèi)容要專業(yè)
內(nèi)容一定要能夠體現(xiàn)您的企業(yè)素質(zhì),用戶和您建立消費(fèi)關(guān)系之前,他們會(huì)通過(guò)網(wǎng)站上的內(nèi)容揣測(cè)您的產(chǎn)品和服務(wù),您網(wǎng)站上內(nèi)容代表您的產(chǎn)品,專業(yè)的內(nèi)容會(huì)讓用戶相信的產(chǎn)品和服務(wù)也足夠?qū)I(yè)。同時(shí),專業(yè)的內(nèi)容往往具有權(quán)威性,您的內(nèi)容可能會(huì)被很多人引用,鏈接,無(wú)形中為您帶來(lái)廣告宣傳作用。
具有原創(chuàng)性
這不僅是版權(quán)問(wèn)題,也關(guān)系到您的公信力。優(yōu)秀的企業(yè)有自己的見(jiàn)解,有話語(yǔ)權(quán),如果您的網(wǎng)站只是摘錄別人的內(nèi)容,會(huì)讓人覺(jué)得您的企業(yè)也毫無(wú)建樹。原創(chuàng)性的內(nèi)容是建立您的話語(yǔ)權(quán)的最重要途徑,任何企業(yè)都應(yīng)該通過(guò)專業(yè)文章,行業(yè)標(biāo)準(zhǔn),白皮書等內(nèi)容建立自己的權(quán)威。
內(nèi)容要完整
傳統(tǒng)企業(yè)網(wǎng)站的建設(shè)流程一般是這樣,企業(yè)事先提供內(nèi)容給設(shè)計(jì)人員,設(shè)計(jì)人員再將這些內(nèi)容編排發(fā)布到網(wǎng)站。很多企業(yè)無(wú)法一次就把完整的內(nèi)容收集齊全,大家往往說(shuō),這一段暫時(shí)沒(méi)有,等過(guò)兩天再整理一下,同樣,過(guò)兩天的意思是,這段內(nèi)容便永遠(yuǎn)缺失了。我見(jiàn)過(guò)無(wú)數(shù)內(nèi)容殘缺不全的企業(yè)網(wǎng)站,或者某個(gè)產(chǎn)品缺少圖片,或者某段內(nèi)容在默認(rèn)語(yǔ)言版本中有,進(jìn)入別的語(yǔ)言版本卻空著,或者點(diǎn)擊了某個(gè)下載鏈接卻返回404錯(cuò)誤。
您需要不斷訪問(wèn)自己的網(wǎng)站,仔細(xì)檢查那些內(nèi)容不完整的地方,如果某段內(nèi)容不完整,與其放在那里讓用戶迷惑,還不如將它拿掉。同樣,現(xiàn)代的 CMS 網(wǎng)站允許您隨時(shí)補(bǔ)充您的內(nèi)容,要持續(xù)地這樣做。
內(nèi)容要包含圖文,但以文字為主
有言道,片圖抵千言(A PIcture Is Worth A Thousand Words),圖片,表格,以及必要的多媒體素材(視頻,F(xiàn)lash,音頻)等等可以幫您更好地表達(dá),也會(huì)讓您的用戶不至于太枯燥,但這些素材不可過(guò)多,您的內(nèi)容仍然應(yīng)該以文字為主,過(guò)多的媒體會(huì)讓頁(yè)面很難迅速打開。
內(nèi)容要體現(xiàn)企業(yè)的價(jià)值觀
您不可使用有違企業(yè)價(jià)值觀的內(nèi)容,一個(gè)供黑客使用的網(wǎng)站可能包含一些系統(tǒng)破解文章,但這樣內(nèi)容無(wú)論如何也不會(huì)出現(xiàn)在微軟的網(wǎng)站。您的內(nèi)容應(yīng)該向訪問(wèn)者傳遞健康,積極的信息,網(wǎng)站是公眾媒體,任何不當(dāng)?shù)难哉摱伎赡転槟钠髽I(yè)帶輿論方面的問(wèn)題。
要區(qū)分不同地域與文化的受眾
最基本的要求,如果您是一家國(guó)際性的企業(yè),您的網(wǎng)站至少要包含一個(gè)英文版和一個(gè)本地語(yǔ)言版本,如果您的主要市場(chǎng)是,比如說(shuō)德國(guó),那么,提供一個(gè)德語(yǔ)版本也不為過(guò)。不同語(yǔ)言版本之間的內(nèi)容不是簡(jiǎn)單的互譯,內(nèi)容要基于當(dāng)?shù)氐臉I(yè)務(wù)狀況,文化與風(fēng)俗,這一點(diǎn),著名的殺毒軟件制作商 Kaspersky 做得非常好。
企業(yè)網(wǎng)站最基本的內(nèi)容包括,企業(yè)資料(profile)是用戶快速了解企業(yè)的重要途徑,您的歷史,發(fā)展,業(yè)績(jī),您的主要業(yè)務(wù),市場(chǎng),雇傭狀況等等,只要是可以公開的信息,都應(yīng)該讓用戶看到,要盡可能詳細(xì)。
公司動(dòng)態(tài),企業(yè)或行業(yè)新聞
這些內(nèi)容應(yīng)該出現(xiàn)在主頁(yè),用戶一進(jìn)來(lái)就可以看到,這是保持您的網(wǎng)站持續(xù)更新的最好的方法,您的新產(chǎn)品,新業(yè)務(wù),展覽計(jì)劃,促銷活動(dòng),本行業(yè)的新聞,市場(chǎng)觀察,產(chǎn)品路線圖等等,通過(guò)這些新聞動(dòng)態(tài),讓用戶時(shí)刻覺(jué)得您的企業(yè)充滿活力,您的業(yè)務(wù)在持續(xù)發(fā)展。您可以使用企業(yè) Banner 圖片的形式,將最新動(dòng)態(tài)制作成吸引人的圖片,動(dòng)畫,微軟的網(wǎng)站每隔幾天就會(huì)用一些非常清新的 Banner 圖片展示他們企業(yè)動(dòng)態(tài)。
團(tuán)隊(duì)信息
一定將您的團(tuán)隊(duì)資料發(fā)布到網(wǎng)上,如果一個(gè)用戶對(duì)您的產(chǎn)品感興趣,他對(duì)您的團(tuán)隊(duì)也會(huì)充滿好奇,為什么不滿足他們,同時(shí),如果能親眼看到產(chǎn)品團(tuán)隊(duì),很多用戶會(huì)打消對(duì)您的產(chǎn)品的疑慮,團(tuán)隊(duì)信息可以增強(qiáng)您產(chǎn)品的透明感。團(tuán)隊(duì)信息可以包括團(tuán)隊(duì)的教育背景,行業(yè)經(jīng)歷,專業(yè)造詣以及他/她在團(tuán)隊(duì)中所起的作用。如果您的團(tuán)隊(duì)成員有自己的博客,也可以提供他們的博客鏈接。
您的產(chǎn)品或服務(wù)
這是企業(yè)網(wǎng)站必不可少的,產(chǎn)品和服務(wù)信息要足夠詳細(xì),事實(shí)上您在這方面的內(nèi)容投入應(yīng)該永不停息,只要您的產(chǎn)品在改進(jìn),新產(chǎn)品在開發(fā),新服務(wù)在開拓,您就應(yīng)該隨時(shí)將這些新的內(nèi)容展示給用戶。產(chǎn)品資料包括產(chǎn)品規(guī)格,特點(diǎn),在同類產(chǎn)品中的優(yōu)勢(shì),劣勢(shì),產(chǎn)品的尺寸,材質(zhì),包裝,價(jià)格(或者至少是價(jià)格范圍),圖片,生產(chǎn)周期,不要等用戶打電話來(lái)問(wèn),您應(yīng)該讓用戶直接在網(wǎng)站上了解到您以為需要在電話中才能說(shuō)清的東西。
服務(wù)與支持
企業(yè)網(wǎng)站越來(lái)越成為企業(yè)提供服務(wù)與支持的中心,您在電話中向用戶反復(fù)解答的各種問(wèn)題,都應(yīng)該在服務(wù)與支持中體現(xiàn),這可以使用戶在24小時(shí)之內(nèi)隨時(shí)獲得幫助。服務(wù)與支持內(nèi)容可以包括產(chǎn)品文檔,使用技巧,疑難排解,安裝與維護(hù)說(shuō)明等等,企業(yè)應(yīng)當(dāng)不斷積累服務(wù)與支持方面的內(nèi)容,并對(duì)這些內(nèi)容組織,整理,規(guī)范,形成完整的產(chǎn)品知識(shí)庫(kù),這可以顯著降低人工支持的成本和壓力。
第二章:易用性
完美的內(nèi)容是用來(lái)使用的,不管您的內(nèi)容多么精彩,如果它們很難訪問(wèn),用戶照樣會(huì)離開,易用性不僅僅牽扯到技術(shù),更多的是良好的 Web 創(chuàng)作習(xí)慣,易用性包含34條規(guī)則,它們是:
只使用成熟,簡(jiǎn)單,兼容的技術(shù)
Web 技術(shù)一直在發(fā)展,因?yàn)?Http 協(xié)議最初只是為了表現(xiàn)簡(jiǎn)單的超文本,當(dāng)人們賦予 Web 越來(lái)越多的使命的時(shí)候,Web 的局限性就表現(xiàn)出來(lái)了,為了解決這些問(wèn)題,人們?cè)?Web 上面附加了很多新技術(shù)以增強(qiáng) Web 的表現(xiàn)能力,Cookie, Javscript, DHTML, ActiveX, Applet, CSS 一直到現(xiàn)在炙手可熱的 AJAX 技術(shù),然而這些新技術(shù)很快帶來(lái)了兼容性問(wèn)題,因?yàn)?Web 內(nèi)容要靠瀏覽器解釋,不同的瀏覽器加不同的安全配置,導(dǎo)致這些新技術(shù)并不能被如期地渲染出來(lái),比如,很多在 IE 中成熟運(yùn)行的 ActiveX 在非 IE 內(nèi)核的瀏覽器中根本無(wú)法使用,隨著眾多瀏覽器以及 Web 用戶對(duì)這些新技術(shù)的揀選,我們慢慢得到了一個(gè)大家都認(rèn)可的清單,現(xiàn)在,各大瀏覽器都支持,而且用戶也樂(lè)于接受的 Web 附加技術(shù)是:
Cookie, Javascript, CSS
如果您希望您的企業(yè)網(wǎng)站能在絕大多數(shù)環(huán)境下被無(wú)障礙的訪問(wèn),請(qǐng)謹(jǐn)慎使用除此之外的技術(shù),這里我們需要特別說(shuō)一下 AJAX 和 Flash,它們也被很多人認(rèn)可,而且 AJAX 事實(shí)上是基于 Javascript 的,然而,AJAX 同時(shí)要使用在某些瀏覽器安全配置下容易被禁用的 XMLHTTPRequest 對(duì)象,事實(shí)上,我的 IE 瀏覽器的安全配置就禁用 XMLHTTPRequest ,所以,除非加入到可信任站點(diǎn),否則我連 Google Map 都無(wú)法順暢訪問(wèn)。Flash 是一種偉大技術(shù),在線廣告幾乎是它最完美的使命,作為易用性規(guī)則,我們不排斥以 Flash 技術(shù)提供廣告,但 Flash 絕對(duì)不可以用在站點(diǎn)導(dǎo)航等站點(diǎn)基礎(chǔ)結(jié)構(gòu)中。
不使用任何網(wǎng)頁(yè)特效
雖然網(wǎng)頁(yè)特效并不一定涉及不兼容技術(shù),但網(wǎng)頁(yè)特效對(duì)絕大多數(shù)人來(lái)說(shuō)是非常厭煩的,企業(yè)網(wǎng)站絕對(duì)不應(yīng)該使用那些僅僅為了好玩的網(wǎng)頁(yè)特效,除非您還生活在90年代(現(xiàn)在已經(jīng)是2007年),或者您只有14歲。最令人厭煩的網(wǎng)頁(yè)特效包括,要求設(shè)為主頁(yè),接連彈出的窗口,全屏窗口,改變鼠標(biāo)光標(biāo),在狀態(tài)條上滾動(dòng)的廢話,頁(yè)面內(nèi)容禁選,禁止查看源代碼,閃爍的文字,離開時(shí)的彈窗,顏色古怪的窗口滾動(dòng)條,聲音背景??纯?Builder.com 怎樣看待這些愚蠢的網(wǎng)頁(yè)特效。
需要記住一條,訪問(wèn)者永遠(yuǎn)都不會(huì)因?yàn)槟褂昧艘环N自認(rèn)為很 Cool 的特效而覺(jué)得您了不起。
清晰,統(tǒng)一的導(dǎo)航
用戶在您的企業(yè)網(wǎng)站找到有用內(nèi)容的唯一途徑是通過(guò)站點(diǎn)的導(dǎo)航系統(tǒng),您需要花大力氣來(lái)組織您的內(nèi)容,保證讓用戶以最快的速度找到它們。導(dǎo)航系統(tǒng)必須清晰,他們應(yīng)該和站點(diǎn)的其它內(nèi)容用不同的顏色搭配以便在網(wǎng)頁(yè)上突出出來(lái),同時(shí),每個(gè)頁(yè)的導(dǎo)航系統(tǒng)應(yīng)該完全一致,從一個(gè)頁(yè)面進(jìn)入另一個(gè)頁(yè)面看到完全陌生的導(dǎo)航系統(tǒng)是非常令人沮喪的。
導(dǎo)航深度不超過(guò)三級(jí)
雖然很多人覺(jué)得這太絕對(duì),事實(shí)上,用戶需要點(diǎn)三次才能找到自己想要的內(nèi)容仍然太多,那種一級(jí)一級(jí)下潛的導(dǎo)航菜單是令人生畏的,很多人會(huì)產(chǎn)生進(jìn)去以后便找不到路回來(lái)的恐懼,如果您能夠很好地組織自己的內(nèi)容,結(jié)合分頁(yè)機(jī)制,Tag機(jī)制,對(duì)絕大多數(shù)網(wǎng)站,三級(jí)導(dǎo)航深度已經(jīng)足夠使用了。
導(dǎo)航鏈接中必須包含文字
為了美觀,許多人喜歡圖片按紐式的導(dǎo)航鏈接,如果您堅(jiān)持這樣做,也無(wú)可厚非,但一定在圖片上同時(shí)加上文字,讓文字體現(xiàn)該鏈接的含義,因?yàn)槌嗽O(shè)計(jì)者,外人往往很難猜測(cè)您的圖片按紐的含義,文字是最直接,最精確的。
必須有純文本版本的站點(diǎn)地圖
當(dāng)用戶在您的令人眼花繚亂的站點(diǎn)導(dǎo)航中徹底迷失的時(shí)候,純文字版的,簡(jiǎn)單直接的站點(diǎn)地圖還可以救急,站點(diǎn)地圖可以幫助用戶快速找到他們想要的內(nèi)容,這是對(duì)導(dǎo)航系統(tǒng)的補(bǔ)充,甚至對(duì)有些站點(diǎn)來(lái)說(shuō),比導(dǎo)航系統(tǒng)更有效。另外,純文本版的站點(diǎn)地圖非常容易被搜索引擎抓取并以此遍歷您的整個(gè)站點(diǎn)。
必須有面包屑導(dǎo)航條
面包屑導(dǎo)航(Breadcrumb Navigation)這個(gè)概念來(lái)自童話故事"漢澤爾和格雷特爾",當(dāng)漢澤爾和格雷特爾穿過(guò)森林時(shí),他們?cè)谘赝咀哌^(guò)的地方都撒下了面包屑,讓這些面包屑來(lái)幫助他們找到回家的路,所以,面包屑導(dǎo)航的作用是告訴訪問(wèn)者他們目前在網(wǎng)站中的位置以及如何返回。
每頁(yè)都有自己的標(biāo)題
許多企業(yè)網(wǎng)站的所有頁(yè)的標(biāo)題都是企業(yè)的名字或者一句口號(hào),這會(huì)讓用戶不知道他們?cè)L問(wèn)的當(dāng)前頁(yè)是說(shuō)什么的,每頁(yè)都應(yīng)有一個(gè)和本頁(yè)內(nèi)容匹配的標(biāo)題,這樣,即使用戶打開了很多窗口,仍然可以通過(guò)標(biāo)題知道哪一頁(yè)是說(shuō)什么的。從 SEO 的角度看,在標(biāo)題中使用本頁(yè)內(nèi)容中某些關(guān)鍵詞是非常好的習(xí)慣,而且,當(dāng)您的頁(yè)面出現(xiàn)在搜索引擎的搜索結(jié)果中時(shí),您的頁(yè)面標(biāo)題應(yīng)當(dāng)明確地告訴搜索者他們搜到的頁(yè)面是關(guān)于什么的。
任何頁(yè)都有一個(gè)鏈接指向首頁(yè)
人們進(jìn)入一個(gè)陌生的地方,當(dāng)感到迷失或不安的時(shí)候,會(huì)立刻想到返回入口位置,訪問(wèn)者進(jìn)入您的網(wǎng)站也是這樣,每頁(yè)都有一個(gè)指向首頁(yè)的鏈接可以幫助用戶在感到迷失的時(shí)候,迅速返回入口重新開始。
網(wǎng)站的 Logo 指向首頁(yè)
這一條似乎沒(méi)有什么道理,但幾乎所有望站都遵守這樣的約定,當(dāng)很多人都這樣約定的時(shí)候,您沒(méi)有理由例外。
對(duì)于連貫性內(nèi)容(sequential content),應(yīng)提供向?qū)綄?dǎo)航,比如說(shuō),您在網(wǎng)站上發(fā)表很長(zhǎng)的系列文章,您應(yīng)該將文章分成多個(gè)章節(jié),用戶看完這一章以后,下面應(yīng)該有兩個(gè)鏈接,分別指向上一章和下一章,這樣,用戶不必滾動(dòng)回頁(yè)面上方訪問(wèn)導(dǎo)航系統(tǒng),他/她可以直接點(diǎn)這兩個(gè)鏈接在文章中前進(jìn)或后退,這樣不僅節(jié)省用戶的時(shí)候,還可以帶來(lái)連貫閱讀的快感。
全文搜索
如果用戶不愿一頁(yè)一頁(yè)地翻看您的網(wǎng)站,您應(yīng)當(dāng)提供全文搜索功能,雖然您的搜索功能比起專業(yè)的搜索引擎還差很多,但可以幫助您的用戶快速找到他們感興趣的內(nèi)容,不要使用 Google 等商業(yè)引擎的搜索代碼進(jìn)行搜索,與其那樣還不如讓用戶直接到 Google 中去搜索,您應(yīng)當(dāng)提供一個(gè)本地搜索功能,不需要象 Google 那樣強(qiáng)大,因?yàn)槟恍枰文敲创蟮挠脩袅?,也不需要搜索那么龐大的海量信息,您網(wǎng)站的本地搜索功能對(duì)用戶來(lái)說(shuō),可能比 Google 更有幫助。
不使用歡迎頁(yè)
當(dāng) Flash 如火如荼的時(shí)候,設(shè)置一個(gè)歡迎頁(yè),向用戶播放一段精美的動(dòng)畫是很多企業(yè)網(wǎng)站的追求的模式,然而這種想法實(shí)在糟糕,很多人沒(méi)有耐心等待那段漫長(zhǎng)的動(dòng)畫下載完畢便離開了,您能想象去超市買東西前,需要先在門口看一段歡迎影片才能進(jìn)去嗎?您應(yīng)當(dāng)讓用戶直接進(jìn)來(lái),一進(jìn)來(lái)就看到實(shí)質(zhì)的內(nèi)容,不要用您的浪漫想法浪費(fèi)用戶的時(shí)間,而且,由于搜索引擎也要首先經(jīng)過(guò)這個(gè)歡迎頁(yè)面才能深入到網(wǎng)站內(nèi)部,一個(gè)讓搜索引擎無(wú)法解讀的 Flash 動(dòng)畫會(huì)讓搜索引擎認(rèn)為您的網(wǎng)站上什么東西都沒(méi)有。
任何圖片必須設(shè)置 ALT 和 TITLE 屬性
在您的圖片完全下載之前,瀏覽器無(wú)法把它們顯示出來(lái),或者,某些瀏覽器可能關(guān)閉了圖片顯示,或者您的圖片資源可能丟失了,這個(gè)時(shí)候,ALT 或 TITLE 屬性會(huì)讓瀏覽器將圖片的描述性文字顯示在圖片的位置,讓用戶至少知道那個(gè)位置準(zhǔn)備將要顯示的是什么。這個(gè)屬性也幫助搜索引擎更好地理解您的圖片。
如果圖片要以縮略圖形式顯示,使用真正的降低了尺寸的縮略圖,不要只是改變圖片的寬度和高度屬性
這可以顯著降低頁(yè)面尺寸。
鏈接必須擁有可標(biāo)識(shí)的視覺(jué)特征
藍(lán)色字體加下劃線是所有人都認(rèn)可的鏈接的視覺(jué)特征,人們會(huì)用鼠標(biāo)去點(diǎn)這樣的地方,然而每個(gè)網(wǎng)站都有自己的配色風(fēng)格,您的頁(yè)面背景可能導(dǎo)致藍(lán)色字體無(wú)法清楚地顯示,這沒(méi)有關(guān)系,您應(yīng)當(dāng)為全站的鏈接設(shè)置一致的視覺(jué)特征,已經(jīng)訪問(wèn)過(guò)的鏈界要與不同的視覺(jué)特征。
任何頁(yè)都有一個(gè)打印友好版本
網(wǎng)頁(yè)是用來(lái)在屏幕上顯示的,不是設(shè)計(jì)為用來(lái)打印的,所以,使用 IE 瀏覽器的打印功能打印出來(lái)的網(wǎng)頁(yè)總是不理想,如果您希望用戶能順利地打印您的內(nèi)容,您應(yīng)該對(duì)每個(gè)頁(yè)面都提供一個(gè)打印友好版本,打印友好版本中可以將導(dǎo)航系統(tǒng)等過(guò)分浪費(fèi)空間的東西隱藏起來(lái),讓真正的內(nèi)容成為頁(yè)面主體,同時(shí),要使用白底黑字,不要使用背景圖案。
請(qǐng)注意,如果用戶想到要打印您的內(nèi)容,說(shuō)明他/她對(duì)您已經(jīng)非常感興趣了,他們是非常有價(jià)值的用戶,一定要幫助他們實(shí)現(xiàn)這個(gè)愿望。
頁(yè)面都使用一致的配色和一致的結(jié)構(gòu)和全站使用一致的導(dǎo)航系統(tǒng)一樣,所有頁(yè)面使用一致的配色和結(jié)構(gòu)可以幫助用戶將注意力只集中在內(nèi)容上面,您不應(yīng)該強(qiáng)迫用戶在新頁(yè)面中重新適應(yīng)新的布局。
您的站點(diǎn)應(yīng)當(dāng)避免讓絕大多數(shù)用戶左右滾動(dòng)窗口
現(xiàn)在(今天是2007年9月1日)的主流顯示器尺寸是 1024 x 768,您可以比較安全地假設(shè),絕大多數(shù)用戶的屏幕尺寸至少是這個(gè)值,但我確實(shí)看到不少仍然使用 800 x 600 分辨率屏幕的用戶,無(wú)論如何,您的頁(yè)面布局應(yīng)盡量避免讓小屏幕用戶左右滾動(dòng),上下滾動(dòng)已經(jīng)夠麻煩,再加上左右滾動(dòng)簡(jiǎn)直是個(gè)噩夢(mèng)。您可以讓您的網(wǎng)業(yè)自動(dòng)適應(yīng)屏幕尺寸,從技術(shù)上說(shuō),這并不困難;也可以假設(shè)一個(gè)寬度,這個(gè)假設(shè)的寬度照顧到您認(rèn)為已經(jīng)適度的用戶群,這是一個(gè)權(quán)衡問(wèn)題,事實(shí)上,對(duì)小尺寸屏幕過(guò)分絕對(duì)地照顧也未必是好事,一個(gè)低于 800 像素寬度的頁(yè)面在 1024 寬度的屏幕上顯示尚可,在 1280 寬度的屏幕上會(huì)顯得很不協(xié)調(diào)。
但無(wú)論如何,90年代盛行的那種使用 Javascript 判斷屏幕尺寸,然后根據(jù)不同尺寸輸出不同布局的做法已經(jīng)行不通了,現(xiàn)在的屏幕尺寸已經(jīng)無(wú)法嚴(yán)格 QVGA, VGA 那樣劃分,很多非標(biāo)準(zhǔn)尺寸的屏幕大量出現(xiàn),您幾乎無(wú)法預(yù)料您的網(wǎng)站將來(lái)會(huì)遇見(jiàn)什么尺寸的屏幕。
站點(diǎn)必須在第一級(jí)導(dǎo)航深度處,讓用戶看到您的完整聯(lián)系方式
對(duì)于陌生的企業(yè)網(wǎng)站,如果不能在第一頁(yè)就看到企業(yè)的聯(lián)系方式,甚至,聯(lián)系電話如果不是固定電話號(hào)碼,我都會(huì)感到不放心,您應(yīng)當(dāng)在第一級(jí)導(dǎo)航深度的頁(yè)面中,便提供企業(yè)的詳細(xì)聯(lián)系方式,要讓用戶看到您的地址,聯(lián)系電話,同域名下的郵件地址,在到處都有欺騙存在的網(wǎng)絡(luò)世界,您應(yīng)當(dāng)非常確切地將您現(xiàn)實(shí)中真實(shí)的聯(lián)系方式體現(xiàn)出來(lái),這會(huì)讓用戶放心。
每個(gè)頁(yè)面的尺寸應(yīng)當(dāng)小于50K
必須承受,如果算上圖片,外部 Javascript, 外部 CSS,我們自己的網(wǎng)站有很多頁(yè)面的尺寸也無(wú)法低于50K,但這是一個(gè)目標(biāo),您應(yīng)當(dāng)盡可能降低頁(yè)面尺寸,不管如今的寬度速度已經(jīng)多么快,要知道,多數(shù)人的 ADSL 接入速度不低于 120KBS 并不意味著人們能以這樣的速度訪問(wèn)您的網(wǎng)站,不同網(wǎng)絡(luò)運(yùn)營(yíng)商之間還存在著網(wǎng)絡(luò)瓶頸,您的網(wǎng)站的外地訪問(wèn)速度可能遠(yuǎn)遠(yuǎn)低于本地訪問(wèn)速度。
在所有主流瀏覽器中擁有一致的表現(xiàn)
IE內(nèi)核的瀏覽器在今天(今天是2007年9月1日)的市場(chǎng)份額已經(jīng)降低到 60% 左右,另外的 40% 被 Mozilla,Firefox, Safari, Opera 等占據(jù),您的網(wǎng)站應(yīng)該服務(wù) W3C 標(biāo)準(zhǔn),這樣,可以被所有主流瀏覽器無(wú)障礙地訪問(wèn),如果您的網(wǎng)站只支持 IE,就可能將 40% 的用戶擋在門外。
在用戶操作現(xiàn)場(chǎng)提供幫助,而不是進(jìn)入專門的幫助系統(tǒng)
網(wǎng)站的幫助系統(tǒng)應(yīng)當(dāng)分散到各種操作現(xiàn)場(chǎng),不需要象常規(guī)軟件那樣使用專門的幫助系統(tǒng),隨時(shí)隨地為用戶提供有用的幫助信息,讓幫助簡(jiǎn)單化,改善用戶的訪問(wèn)體驗(yàn)。
用戶可以對(duì)某些內(nèi)容進(jìn)行評(píng)論或反饋
在 Web2.0 時(shí)代(今天是2007年9月1日),應(yīng)當(dāng)注重用戶的參與,網(wǎng)站上的絕大多數(shù)內(nèi)容應(yīng)該允許并鼓勵(lì)用戶參與評(píng)論和反饋,讓用戶不必注冊(cè)就可以參與評(píng)論,如果用戶必須注冊(cè)才可以參與某些內(nèi)容,注冊(cè)過(guò)程也應(yīng)該盡可能簡(jiǎn)單。
頁(yè)面不可過(guò)分擁擠不要象現(xiàn)在的某些門戶網(wǎng)站那樣,將令人眼花繚亂的信息塞滿首頁(yè),即使您必須放那么多內(nèi)容,也要留出足夠多的空白和邊界,否則用戶會(huì)覺(jué)得很累,Web 頁(yè)面的媒介是屏幕,不是紙張,您實(shí)在沒(méi)有必要去節(jié)省屏幕的空間,讓內(nèi)容之間寬松地分布在頁(yè)面上,給用戶以閑適感。
用不同色彩標(biāo)識(shí)未訪問(wèn)和已訪問(wèn)過(guò)的鏈接
Web 公認(rèn)的配色為,未訪問(wèn)過(guò)的鏈接使用藍(lán)色(Blue),訪問(wèn)過(guò)的鏈接使用紫色(Purple),但您可以根據(jù)您全站的色彩搭配設(shè)定自己的配色,只要保持全局一致即可。
使用所有人都可以正確顯示的字體
一定不要使用生僻或美術(shù)字體,您的訪問(wèn)者使用和您不同的系統(tǒng),可能是不同版本的 Windows,可能是 Mac 機(jī),或 Linux 甚至掌上電腦,您無(wú)法保證在您這里正常顯示的某種字體,在用戶那里也正常顯示,盡可能使用標(biāo)準(zhǔn)字體,并在不同環(huán)境下進(jìn)行測(cè)試,保證您的字體不會(huì)給任何人帶來(lái)麻煩。
除非真正必要,否則不用新窗口打開鏈接
自動(dòng)用新鏈接打開窗口常常讓很多人生氣,因?yàn)樗麄兊淖烂嫔蠒?huì)有幾十個(gè)開啟的窗口,如果用戶想使用新窗口打開鏈接,他們可以自己按 SHIFT 鍵。只有新窗口是用來(lái)顯示一些提示性的消息,或者輔助性的內(nèi)容的時(shí)候,它們才是必要的。
不使用滿屏模式顯示網(wǎng)頁(yè),讓用戶自己決定窗口的大小
不要自動(dòng)為用戶打開全屏窗口,很多用戶并不知道應(yīng)該怎樣從全屏幕狀態(tài)轉(zhuǎn)回來(lái),全屏窗口可能讓用戶感到恐慌,因?yàn)槌隽耸裁磫?wèn)題,不管怎樣,全屏窗口是非常糟糕的事情,一定不要使用。
不要彈出窗口
許多瀏覽器,或者它們的插件會(huì)阻止彈出窗口,如果您必須使用彈出窗口以便向用戶顯示某個(gè)意外消息,如嚴(yán)重錯(cuò)誤消息,或者通知等等,您可以考慮使用 Lightbox,Lightbox 是一種具有很好的視覺(jué)效果,又兼容各種主流瀏覽器的技術(shù),適合在網(wǎng)站上顯示通知,錯(cuò)誤消息等等彈出內(nèi)容,然而它并不使用彈窗技術(shù),它彈出的內(nèi)容仍然位于母窗體,任何瀏覽器彈窗阻止系統(tǒng)都不會(huì)組織這種彈出內(nèi)容。關(guān)于 Lightbox 的原理和應(yīng)用,您可以參考 huddletogether.com 的 Lightbox JS v2.0 項(xiàng)目。
用戶注冊(cè)的時(shí)候,只填寫必要的內(nèi)容
事實(shí)上,應(yīng)該只填寫用戶名和密碼就夠了,完全沒(méi)有必要要求用戶提供更多詳細(xì)信息,因?yàn)槎鄶?shù)人會(huì)提供假的。除非您的系統(tǒng)是一些類似 B2B, B2C 的系統(tǒng),需要用戶提供真實(shí)身份開展業(yè)務(wù)。
網(wǎng)頁(yè)上的廣告需要有明確的廣告標(biāo)志
要告訴用戶那是廣告,廣告要和您的內(nèi)容有一定的分隔邊界,免得二者混在一起讓用戶迷惑,請(qǐng)記住,用戶在不知情,或被欺騙時(shí)點(diǎn)擊的廣告是沒(méi)有任何效用的,帶不來(lái)任何銷售,即使您的廣告是來(lái)自 Google Adsense 那樣的點(diǎn)擊付費(fèi)廣告,也不要欺騙用戶點(diǎn)擊,這是一個(gè)從業(yè)者最基本的操守。
廣告不可使用欺騙伎倆,欺騙不熟練的用戶點(diǎn)擊
您一定遇到過(guò)這樣的廣告,頁(yè)面上突然彈出一個(gè)小窗口,說(shuō)您的系統(tǒng)感染了某某流行病毒,請(qǐng)點(diǎn)擊該按紐清除;或者說(shuō)某某人給您發(fā)來(lái)一個(gè)消息云云,這種明顯的欺詐性廣告是非常低劣的,是對(duì)用戶明顯的愚弄,不要挑戰(zhàn)您的用戶的智商,尤其當(dāng)很多人都上過(guò)當(dāng)并怒不可遏的時(shí)候。
剝離了 Javascript, CSS 等支持文件,您的網(wǎng)頁(yè)仍然能準(zhǔn)確的顯示
在某些情況下,用戶可能禁用 Javascript,CSS 文件可能丟失,這時(shí)您的網(wǎng)站頁(yè)面仍能正常顯示。網(wǎng)頁(yè)設(shè)計(jì)的一個(gè)基本原則是,首先不使用任何 CSS 裝飾將內(nèi)容正確顯示,然后套用 CSS 將內(nèi)容修飾。另外,Javascript 不應(yīng)該用在導(dǎo)航等關(guān)鍵場(chǎng)合,一旦 Javascript 被禁用,用戶可能導(dǎo)航都使用不了。
第三章:設(shè)計(jì)
設(shè)計(jì)體現(xiàn)了一個(gè)網(wǎng)站的藝術(shù)素養(yǎng),然而并不是說(shuō)您應(yīng)當(dāng)過(guò)分設(shè)計(jì),設(shè)計(jì)風(fēng)格應(yīng)結(jié)合您的行業(yè),要簡(jiǎn)潔,清新,優(yōu)雅,平和,設(shè)計(jì)僅僅是在用戶訪問(wèn)您的內(nèi)容時(shí)獲得一種外在印象,不可喧賓奪主。設(shè)計(jì)應(yīng)遵循以下原則。
為初次訪問(wèn)者傳遞專業(yè)的第一印象
好的設(shè)計(jì)會(huì)給初次訪問(wèn)者帶來(lái)難忘的第一印象,然而設(shè)計(jì)的好與壞從來(lái)都是仁者見(jiàn)仁,智者見(jiàn)智的,沒(méi)有統(tǒng)一標(biāo)準(zhǔn),如果硬要設(shè)置一條標(biāo)準(zhǔn),就是好的設(shè)計(jì)應(yīng)給人以專業(yè)感,所謂的專業(yè)感,通俗地講,就是設(shè)計(jì)要象個(gè)樣子,不妨拿您的網(wǎng)站和世界500強(qiáng)的作個(gè)對(duì)比,您就會(huì)知道專業(yè)感是個(gè)什么樣子。
面向行業(yè)設(shè)計(jì)
如果您是機(jī)械行業(yè),使用粉紅色系作頁(yè)面的配色就不恰當(dāng),不同的行業(yè)有不同行業(yè)的風(fēng)格,您的設(shè)計(jì)應(yīng)符合這個(gè)行業(yè)的風(fēng)格,不同行業(yè)的設(shè)計(jì)風(fēng)格一般以不同行業(yè)的消費(fèi)群的口味而定,這就好比以專業(yè)攝影師為目標(biāo)市場(chǎng)的相機(jī)一般以黑色,結(jié)實(shí),手感重為特點(diǎn),而消費(fèi)類相機(jī)則以銀色或彩色,輕薄時(shí)尚為特點(diǎn)。如果您不知道您的行業(yè)風(fēng)格是什么,不妨看看您的成功的競(jìng)爭(zhēng)對(duì)手的網(wǎng)站。
設(shè)計(jì)不可喧賓奪主或者說(shuō),不可過(guò)度設(shè)計(jì),您需要始終記住,用戶來(lái)到您的網(wǎng)站,他們真正想看的是內(nèi)容,而不是您的設(shè)計(jì),何況,所謂設(shè)計(jì),更多是一種主觀的東西,隨著這個(gè)世界的流行趨勢(shì)而變,現(xiàn)在的設(shè)計(jì)多以簡(jiǎn)潔為美,一定不要將您的網(wǎng)站搞得象巴洛克時(shí)代的藝術(shù)品。
設(shè)計(jì)遵循優(yōu)雅原則(elegant)
一些粗魯?shù)脑O(shè)計(jì)會(huì)讓用戶覺(jué)得受到侵犯,所謂優(yōu)雅,舉個(gè)例子,您的頁(yè)面頂部放著20個(gè)無(wú)顏六色跑馬燈在那里閃爍就絕對(duì)不是優(yōu)雅,優(yōu)雅的設(shè)計(jì)顯得禮貌,有品位,有藝術(shù)感,讓用戶受到尊重,且不可讓用戶覺(jué)得您是在對(duì)他們大喊大叫。
設(shè)計(jì)遵守平和原則(peace)
不要用過(guò)分強(qiáng)烈的色彩或字體對(duì)比讓用戶感到不安,或者感到疲勞,好的設(shè)計(jì)是把自己的設(shè)計(jì)思想平平常常地展現(xiàn)出來(lái),而不是總害怕人看不到,如果用戶用戶感覺(jué)不到您的設(shè)計(jì)用心有覺(jué)得舒服,您就是在以平和的心態(tài)設(shè)計(jì)。
包含醒目的 Logo
您的公司或網(wǎng)站的 Logo 要非常醒目,它們是您的視覺(jué)標(biāo)志,不要把它們埋藏到一些亂七八糟的色彩中。
包含一套非常吸引人的企業(yè) Banner
企業(yè) Banner 是我自造的一個(gè)詞匯,所謂企業(yè) Banner 是一組圖片或其它視覺(jué)元素,放在網(wǎng)站的上部,一般在 Logo 下方,導(dǎo)航條附近,用來(lái)展示企業(yè)的形象或動(dòng)態(tài),它類似廣告 Banner 但只用于展示企業(yè)自身。企業(yè) Banner 要有良好的設(shè)計(jì),體現(xiàn)企業(yè)的文化,價(jià)值觀或造詣,要定期更新。
企業(yè) Banner 應(yīng)當(dāng)定期更新。
對(duì)于長(zhǎng)期訪問(wèn)用戶,它們應(yīng)該成為用戶注意力的中心,比如,微軟每次有新產(chǎn)品,新動(dòng)向,都會(huì)設(shè)計(jì)全新的企業(yè) Banner 放在首頁(yè),如果您沒(méi)有時(shí)間和經(jīng)理定期對(duì)網(wǎng)站內(nèi)容進(jìn)行大規(guī)模更新,更新企業(yè) Banner 并與企業(yè)動(dòng)態(tài)結(jié)合起來(lái),會(huì)讓人覺(jué)得您的網(wǎng)站一直在活躍地更新。
企業(yè) Banner 體現(xiàn)企業(yè)動(dòng)態(tài)
如果您有一個(gè)大型展覽會(huì)要舉行,或者參加某項(xiàng)活動(dòng),或者在行業(yè)獲得某個(gè)成就,獎(jiǎng)勵(lì),或者有重大產(chǎn)品發(fā)布,都可以以企業(yè) Banner 的形式告訴用戶,如果您自己對(duì)這些動(dòng)態(tài)重視,您的用戶也會(huì)。
合理安排頁(yè)面重心,不可有頭重腳輕的感覺(jué)
人類能接受的最佳構(gòu)圖是三角構(gòu)圖,重心位于頁(yè)面的左側(cè)偏下,然后重心向右,向上逐漸減輕。否則會(huì)有畫面不穩(wěn)的感覺(jué)。不要在頁(yè)面頂部羅列太多視覺(jué)元素,那樣會(huì)給人頭重腳輕的感覺(jué)。
全站遵守一致的設(shè)計(jì)風(fēng)格
全站的配色與頁(yè)面布局應(yīng)該是一致的,要給人以連貫感,避免頁(yè)與頁(yè)之間有太突兀的變化。
對(duì)圖片進(jìn)行優(yōu)化
圖片在網(wǎng)站中地位非常重要,適當(dāng)?shù)厥褂脠D片元素可以避免頁(yè)面太枯燥,圖片比文字更容易理解,但您必須對(duì)圖片進(jìn)行設(shè)計(jì)時(shí)優(yōu)化處理,否則它們的體積將使您的網(wǎng)站變得非常笨重,Photoshop 的 Save for Web 功能可以很好地幫助您對(duì)圖片進(jìn)行優(yōu)化。圖片優(yōu)化的原則是,對(duì)于顏色比較豐富細(xì)膩的照片,應(yīng)以 JPG 格式保存,適當(dāng)選擇壓縮比例,一個(gè) 400x300 像素的圖片以 JPG 保存時(shí)的尺寸應(yīng)低于 20K 才合適;對(duì)于大色塊的圖形,以 GIF 格式保存比較好,適當(dāng)降低顏色數(shù)以顯著降低圖片尺寸。
第四章:安全性
企業(yè)網(wǎng)站的安全性尤其重要,如果您的網(wǎng)站中存在需要授權(quán)才能訪問(wèn)的內(nèi)容,保護(hù)好這些內(nèi)容是您的責(zé)任,使用安全的數(shù)據(jù)庫(kù)技術(shù),對(duì)關(guān)鍵數(shù)據(jù)進(jìn)行加密,過(guò)濾用戶上傳的數(shù)據(jù)是保證企業(yè)網(wǎng)站安全的重要途徑。網(wǎng)站安全性遵從以下規(guī)則:
使用安全的數(shù)據(jù)庫(kù)技術(shù)
目前主流的數(shù)據(jù)庫(kù)技術(shù)包括 MS SQL Server, Oracle, IBM DB2, MySQL, PostgreSQL,其中 MySQL 和 PostgreSQL 屬于開源數(shù)據(jù)庫(kù),其它三種數(shù)據(jù)庫(kù)根據(jù)不同許可方式有不同的價(jià)格。考慮到安全,它們都是非常安全的數(shù)據(jù)庫(kù)技術(shù),需要注意的是,我們并不建議采用 Access,首先 Access 是一種桌面數(shù)據(jù)庫(kù),并不適合可能面臨海量訪問(wèn)的企業(yè)網(wǎng)站,其次,Access 是一種非常不安全的網(wǎng)站數(shù)據(jù)庫(kù),如果您的 Access 數(shù)據(jù)庫(kù)文件的路徑被獲取,人們很容易將這個(gè)數(shù)據(jù)庫(kù)文件下載下來(lái)并看到數(shù)據(jù)庫(kù)內(nèi)的一切內(nèi)容,包括需要授權(quán)才能看到的內(nèi)容。如果您選擇 Access 的原因是因?yàn)樗赓M(fèi),您需要知道 MSDE 也是免費(fèi)的。
用戶密碼或其它機(jī)密數(shù)據(jù)必須用成熟加密技術(shù)加密后再存放到數(shù)據(jù)庫(kù)使用明文在數(shù)據(jù)庫(kù)中存儲(chǔ)用戶密碼,信用卡號(hào)等數(shù)據(jù)是非常危險(xiǎn)的,即使您使用的是非常安全的數(shù)據(jù)庫(kù)技術(shù),仍然要非常謹(jǐn)慎,任何機(jī)密數(shù)據(jù)都應(yīng)該加密存儲(chǔ),這樣即使您的數(shù)據(jù)庫(kù)被攻破,那些重要的機(jī)密數(shù)據(jù)仍然是安全的。
密碼或其它機(jī)密數(shù)據(jù)必須用成熟加密技術(shù)加密后才能通過(guò)表單傳遞如果您的網(wǎng)站沒(méi)有使用 HTTPS 加密技術(shù),那您的網(wǎng)站服務(wù)器和訪問(wèn)客戶之間的所有數(shù)據(jù)都是以明文傳輸?shù)?,這些數(shù)據(jù)很容易在交換機(jī)和路由器節(jié)點(diǎn)的位置被截獲,如果您無(wú)法部署 HTTPS,將所有機(jī)密數(shù)據(jù)加密后再通過(guò)網(wǎng)絡(luò)傳播是非常有效的辦法,密碼或其它機(jī)密數(shù)據(jù)必須用成熟加密技術(shù)加密后才能寫入 Cookie很多網(wǎng)站將用戶帳戶信息寫到 Cookie 中,以便用戶下次訪問(wèn)時(shí)可以直接登陸。如果用戶帳戶信息未經(jīng)加密直接寫到 Cookie 中,這些數(shù)據(jù)很容易通過(guò)查看 Cookie 文件獲得,尤其當(dāng)您的用戶是和別人共用電腦的時(shí)候。
對(duì)于訪問(wèn)者提交的任何數(shù)據(jù),都要進(jìn)行惡意代碼檢查雖然我們要信任用戶,但在網(wǎng)絡(luò)中,我們必須假設(shè)所有用戶都是危險(xiǎn)的,如果您不對(duì)他們提交的數(shù)據(jù)進(jìn)行檢查,就可能出現(xiàn) SQL Injection, Cross-site scripting 等安全問(wèn)題。
網(wǎng)站必須有安全備份和恢復(fù)機(jī)制
任何網(wǎng)站都可能發(fā)生硬件或軟件災(zāi)難,導(dǎo)致您的網(wǎng)站丟失數(shù)據(jù),您必須根據(jù)您網(wǎng)站的規(guī)模和更新周期,定期對(duì)網(wǎng)站進(jìn)行安全備份,在災(zāi)難性事故發(fā)生以后,您的備份恢復(fù)機(jī)制需要在很短的時(shí)間內(nèi)將整個(gè)網(wǎng)站恢復(fù)。需要注意的是,您一定要對(duì)您的備份恢復(fù)機(jī)制進(jìn)行測(cè)試,保證您的備份數(shù)據(jù)是正確的。
網(wǎng)站的錯(cuò)誤信息必須經(jīng)過(guò)處理后再輸出錯(cuò)誤消息常常包含非??膳碌募夹g(shù)細(xì)節(jié),幫助黑客攻破您的網(wǎng)站,您應(yīng)當(dāng)對(duì)網(wǎng)站底層程序的錯(cuò)誤消息進(jìn)行處理,防止那些調(diào)試信息,技術(shù)細(xì)節(jié)暴露給普通訪問(wèn)者。
第五章:性能
網(wǎng)站的性能關(guān)乎用戶訪問(wèn)體驗(yàn),讓網(wǎng)站支撐更多用戶,讓每個(gè)用戶的等待時(shí)間更短是我們的目標(biāo)。性能的提高靠的是數(shù)據(jù)庫(kù)優(yōu)化,高效率的 HTML 代碼渲染以及內(nèi)容緩存。以下是提高網(wǎng)站性能的一些規(guī)則:
對(duì)數(shù)據(jù)庫(kù)進(jìn)行優(yōu)化設(shè)計(jì)
合理使用 Index,使用高效 SQL 語(yǔ)句,減少數(shù)據(jù)庫(kù)表的全表掃描,只返回必要的數(shù)據(jù),這些都是非常有效的數(shù)據(jù)庫(kù)優(yōu)化方式,數(shù)據(jù)庫(kù)往往是一個(gè)網(wǎng)站的性能瓶頸,您需要對(duì)數(shù)據(jù)庫(kù)進(jìn)行持續(xù)地優(yōu)化,每一點(diǎn)微不足道的性能提高,累積起來(lái)都會(huì)帶來(lái)質(zhì)的改變。
使用 Store Procedure 進(jìn)行數(shù)據(jù)庫(kù)和網(wǎng)站業(yè)務(wù)層的數(shù)據(jù)交流
存儲(chǔ)過(guò)程(Store Procedure )的執(zhí)行效率遠(yuǎn)遠(yuǎn)高于分散的 SQL 語(yǔ)句。只要您的數(shù)據(jù)庫(kù)支持 Store Procedure 您就應(yīng)當(dāng)使用它作為網(wǎng)站業(yè)務(wù)邏輯端和數(shù)據(jù)庫(kù)端的數(shù)據(jù)交流通道。
分頁(yè)返回?cái)?shù)據(jù)庫(kù)中的記錄,不使用業(yè)務(wù)層的分頁(yè)在返回大量數(shù)據(jù)記錄的時(shí)候,應(yīng)該使用分頁(yè)機(jī)制逐頁(yè)顯示這些數(shù)據(jù),您需要在數(shù)據(jù)庫(kù)端分頁(yè),在業(yè)務(wù)層分頁(yè)將導(dǎo)致大量重復(fù)數(shù)據(jù)來(lái)往于數(shù)據(jù)層和業(yè)務(wù)層之間,造成性能瓶頸。
使用成熟優(yōu)化的 Web 頁(yè)面渲染技術(shù)ASP.NET, PHP, JSP, Ruby 以及 CGI 都可以充當(dāng)網(wǎng)站表現(xiàn)層的 HTML 渲染引擎,您可以根據(jù)自己的需求選擇合適的平臺(tái)。需要注意的是,諸如 ASP.NET 一類的平臺(tái),為了滿足絕大多數(shù)應(yīng)用場(chǎng)合并盡可能降低用戶代碼量,使用了很多可能降低性能的技術(shù),如 View State,您可以關(guān)閉這些功能以提高頁(yè)面渲染和執(zhí)行效率。事實(shí)上,我們?cè)?Comsharp CMS 使用了 Direct Render 方式,拋開 ASP.NET 的頁(yè)面生命周期模型,直接渲染 HTML 代碼生成網(wǎng)頁(yè),獲得了非常理想的性能。
使用 XHTML + External CSS + External Javascript 降低 Http 請(qǐng)求您應(yīng)當(dāng)將頁(yè)面的內(nèi)容,修飾,行為分開,內(nèi)容為純粹的 XHTML,修飾為外部 CSS 文件,行為為外部 Javascript 文件,這種模型的好處是,瀏覽器可以對(duì)外部 CSS 和 Javascript 進(jìn)行緩存,每次只需從服務(wù)器端請(qǐng)求 XHTML 內(nèi)容,大大降低頁(yè)面的請(qǐng)求尺寸,對(duì)性能的改善有很大的幫助。
使用干凈代碼(XHTML, Javascript, CSS)
您的 HTML 代碼,Javascript 和 CSS 文件需要包含干凈的代碼,干凈,符合 W3C 標(biāo)準(zhǔn)的代碼不僅短小,而且降低瀏覽器的負(fù)擔(dān),瀏覽器不需要進(jìn)行各種容錯(cuò)分析,完全按照標(biāo)準(zhǔn)輸出內(nèi)容,執(zhí)行效率大大提高。
第六章:W3C標(biāo)準(zhǔn)
W3C 官方網(wǎng)站的一些資料
http://www.w3.org (W3C 官方網(wǎng)站)
http://validator.w3.org/ (HTML 或 XHTML 驗(yàn)證工具)
http://jigsaw.w3.org/css-validator/ (CSS 驗(yàn)證工具)
http://validator.w3.org/checklink (鏈接有效性驗(yàn)證工具)
國(guó)外的一些與 W3C 標(biāo)準(zhǔn)相關(guān)的技術(shù)站點(diǎn)
http://www.w3schools.com/
http://www.w3c.org/
http://www.24ways.org/
http://www.456bereastreet.com/
http://www.alistapart.com/
國(guó)內(nèi)的一些與 W3C 標(biāo)準(zhǔn)相關(guān)的技術(shù)站點(diǎn)
http://www.w3cn.org/
http://www.blueidea.com/
符合 W3C 標(biāo)準(zhǔn)是網(wǎng)站的發(fā)展趨勢(shì),目前,幾乎所有的瀏覽器都使用 W3C 標(biāo)準(zhǔn),W3C 標(biāo)準(zhǔn)保證您的網(wǎng)站在所有主流瀏覽器中都獲得一致的表現(xiàn),您再也不需要象90年代末那樣,向不同的瀏覽器輸出不同的內(nèi)容。
本文發(fā)布于北京網(wǎng)站建設(shè)公司尚品中國(guó)http://taxlienfortunes.com/
建站流程
-
網(wǎng)站需求
-
網(wǎng)站策劃方案
-
頁(yè)面設(shè)計(jì)風(fēng)格
-
確認(rèn)交付使用
-
資料錄入優(yōu)化
-
程序設(shè)計(jì)開發(fā)
-
后續(xù)跟蹤服務(wù)
-
聯(lián)系電話
010-60259772
熱門標(biāo)簽
- 網(wǎng)站建設(shè)
- 食品網(wǎng)站建設(shè)
- 微信小程序開發(fā)
- 小程序開發(fā)
- 無(wú)錫網(wǎng)站建設(shè)
- 研究所網(wǎng)站建設(shè)
- 沈陽(yáng)網(wǎng)站建設(shè)
- 廊坊網(wǎng)站建設(shè)
- 鄭州網(wǎng)站建設(shè)
- 婚紗攝影網(wǎng)站建設(shè)
- 手機(jī)端網(wǎng)站建設(shè)
- 高校網(wǎng)站制作
- 天津網(wǎng)站建設(shè)
- 教育網(wǎng)站建設(shè)
- 品牌網(wǎng)站建設(shè)
- 政府網(wǎng)站建設(shè)
- 北京網(wǎng)站建設(shè)
- 網(wǎng)站設(shè)計(jì)
- 網(wǎng)站制作
最新文章
推薦新聞
更多行業(yè)-
靜態(tài)網(wǎng)站建設(shè)與動(dòng)態(tài)網(wǎng)站的區(qū)別
在當(dāng)今數(shù)字化的時(shí)代,網(wǎng)站已經(jīng)成為企業(yè)展示形象、推廣產(chǎn)品和服務(wù)的重要平臺(tái)...
2023-10-25 -
百度凈化SEO環(huán)境 意在提升用戶體驗(yàn)
同時(shí)各個(gè)社會(huì)化也在網(wǎng)站中有一定的影響,SMO社會(huì)化的發(fā)展也在不時(shí)深入。...
2012-06-17 -
網(wǎng)站制作之初就應(yīng)該為SEO打下基礎(chǔ)
第一條:SEO網(wǎng)站優(yōu)化最重要的是網(wǎng)站內(nèi)容要準(zhǔn)確定位客戶,這一點(diǎn)是網(wǎng)站制...
2012-08-14 -
企業(yè)如何有效控制網(wǎng)站建設(shè)成本?
網(wǎng)站建設(shè)是企業(yè)數(shù)字化轉(zhuǎn)型的重要環(huán)節(jié),但如何在保證質(zhì)量的同時(shí)有效控制成本...
2024-08-05 -
醫(yī)院類型的網(wǎng)站建設(shè)要注重哪方面功能?
隨著醫(yī)療衛(wèi)生體制改革的深入,醫(yī)療市場(chǎng)日趨成熟和完善。醫(yī)院網(wǎng)站作為醫(yī)院市...
2020-04-24 -
企業(yè)官網(wǎng)建設(shè)這幾個(gè)關(guān)鍵點(diǎn)一定要注意
現(xiàn)在互聯(lián)網(wǎng)已經(jīng)變得非常流行,對(duì)網(wǎng)站建設(shè)的需求也在增加。那么,如何建立一...
2020-11-09
預(yù)約專業(yè)咨詢顧問(wèn)溝通!
免責(zé)聲明
非常感謝您訪問(wèn)我們的網(wǎng)站。在您使用本網(wǎng)站之前,請(qǐng)您仔細(xì)閱讀本聲明的所有條款。
1、本站部分內(nèi)容來(lái)源自網(wǎng)絡(luò),涉及到的部分文章和圖片版權(quán)屬于原作者,本站轉(zhuǎn)載僅供大家學(xué)習(xí)和交流,切勿用于任何商業(yè)活動(dòng)。
2、本站不承擔(dān)用戶因使用這些資源對(duì)自己和他人造成任何形式的損失或傷害。
3、本聲明未涉及的問(wèn)題參見(jiàn)國(guó)家有關(guān)法律法規(guī),當(dāng)本聲明與國(guó)家法律法規(guī)沖突時(shí),以國(guó)家法律法規(guī)為準(zhǔn)。
4、如果侵害了您的合法權(quán)益,請(qǐng)您及時(shí)與我們,我們會(huì)在第一時(shí)間刪除相關(guān)內(nèi)容!
聯(lián)系方式:010-60259772
電子郵件:394588593@qq.com