- 相關(guān)推薦
網(wǎng)頁(yè)設(shè)計(jì)的優(yōu)化知識(shí)
網(wǎng)頁(yè)設(shè)計(jì)的作用我的理解是導(dǎo)航用戶進(jìn)行瀏覽，提高用戶體驗(yàn)效果和網(wǎng)頁(yè)推廣效果。因此我認(rèn)為網(wǎng)頁(yè)設(shè)計(jì)應(yīng)注意以下事項(xiàng)。一起看看吧！
一、用戶體驗(yàn)
1.速度優(yōu)先
何為速度優(yōu)先？我的理解就是一切為了網(wǎng)頁(yè)的加載速度讓路。這個(gè)道理搞網(wǎng)頁(yè)都知道，但是又幾乎所有搞網(wǎng)頁(yè)都曾經(jīng)或仍在試圖違反它。為什么會(huì)這樣呢？通常是一個(gè)極具創(chuàng)意或功能強(qiáng)大的hack在疑惑著網(wǎng)頁(yè)設(shè)計(jì)者，迫使其為了應(yīng)用這個(gè)hack而犧牲一部分速度，但是hack的資源是無(wú)窮無(wú)盡的，就像毒 品一樣，你用了第一個(gè)就想要用第二個(gè)，最終的后果是什么？就是你的網(wǎng)頁(yè)的打開(kāi)速度讓人無(wú)法忍受，根本沒(méi)有訪客來(lái)瀏覽，這時(shí)候你的hack也就純粹成為了擺設(shè)，沒(méi)人用的 hack存在有何價(jià)值？
因此我對(duì)于添加hack的原則是凡是會(huì)破壞速度與功能的平衡點(diǎn)的hack無(wú)論多么具有創(chuàng)意或功能多么強(qiáng)大都必須堅(jiān)定不移地舍棄或通過(guò)舍棄其它hack/改變網(wǎng)頁(yè)設(shè)計(jì)等方法來(lái)達(dá)到平衡。而我對(duì)于使用hack的原則則是對(duì)于用戶有用的hack才使用，實(shí)用為先。估計(jì)很多人都會(huì)罵我太現(xiàn)實(shí)，沒(méi)有一點(diǎn)藝術(shù)家的浪漫。但是我也必須很現(xiàn)實(shí)地告訴你，網(wǎng)頁(yè)設(shè)計(jì)者不是藝術(shù)家，他們存在的價(jià)值是使更多用戶訪問(wèn)你的網(wǎng)頁(yè)，網(wǎng)頁(yè)設(shè)計(jì)的根本目的也是為了增加用戶瀏覽量。因此如果你覺(jué)得某個(gè)hack的效果十分華麗或功能十分有新意但用戶卻極少使用到那我會(huì)建議你將其舍棄，這純粹是個(gè)妨礙你提高網(wǎng)頁(yè)速度的障礙。
為何我如此注重速度？因?yàn)闊o(wú)數(shù)的例子告訴我們速度是信息時(shí)代成功的最關(guān)鍵的因素，最典型的例子就是Google。如果你是一個(gè)Google的用戶，相信你會(huì)注意到Google的所有服務(wù)都有一個(gè)共同點(diǎn)：載入速度極快。而Google的兩大競(jìng)爭(zhēng)對(duì)手Yahoo和 Microsoft的產(chǎn)品相較之下速度慢如蝸牛。這就是Google擊敗他們的一個(gè)關(guān)鍵因素�，F(xiàn)代人的生活節(jié)奏很快，他們需要極高的工作效率，而如果你搜索是為了最快找到需要的信息而不是注意搜索引擎的版式多么華麗，打開(kāi)郵箱是為了查看郵件而不是為了欣賞郵箱的設(shè)計(jì)風(fēng)格多么前衛(wèi)。因此這就是Google兩大服務(wù)Google搜索和Gmail的成功原因。Windows Live Mail設(shè)計(jì)得再前衛(wèi)，結(jié)果我1分鐘都還沒(méi)打開(kāi)郵箱我怎么可能看得到。而Gmai雖然沒(méi)有華麗的界面，但卻可以十分快速地打開(kāi)進(jìn)行工作，這無(wú)疑是用戶所需要的。
因此一個(gè)快速打開(kāi)的頁(yè)面帶給用戶的感覺(jué)要比一個(gè)視覺(jué)效果華麗但卻等了N久都無(wú)法打開(kāi)而不能被用戶注意到的網(wǎng)頁(yè)要好多了，這將成為你的網(wǎng)站吸引用戶的關(guān)鍵因素。
2.簡(jiǎn)潔最美
最好的例子同樣是Google。Google的所有產(chǎn)品的界面都并不華麗，但都是十分簡(jiǎn)潔（這也是決定其高速的一個(gè)重要因素），用戶可以一目了然地找到需要的功能，同時(shí)又有一種舒適的感覺(jué)。相關(guān)一個(gè)十分華麗的界面卻很有可能會(huì)造成無(wú)法對(duì)用戶正確導(dǎo)航的后果。而且簡(jiǎn)潔的界面比較容易進(jìn)行hack的搭配，而華麗的界面由于色彩等因素，添加新的hack很有可能會(huì)破壞界面的平衡感。由于各人審美觀的不同，也許有些用戶不喜歡華麗的界面，但簡(jiǎn)潔高效的界面無(wú)疑是所有用戶都會(huì)青睞的。
因此大刀闊斧地對(duì)你的界面進(jìn)行改造吧，把那些華而不實(shí)影響對(duì)用戶的導(dǎo)航的元素去處，只留下真正有用的元素，這將對(duì)新用戶起到至關(guān)重要的作用。
3.個(gè)性化的設(shè)計(jì)
網(wǎng)頁(yè)設(shè)計(jì)最忌諱的就是同質(zhì)化的設(shè)計(jì)。如果用戶看了N個(gè)網(wǎng)站都是使用那令人審美疲勞的模版，而你的網(wǎng)站卻特立標(biāo)新，那絕對(duì)會(huì)帶來(lái)一種極大的視覺(jué)沖擊力。因此如果你看到一個(gè)模版十分喜愛(ài)，但卻已經(jīng)被大量網(wǎng)站所使用，一定要堅(jiān)決放棄，否則你的網(wǎng)站只會(huì)被用戶所忽略。
盡管用戶對(duì)一個(gè)網(wǎng)站的評(píng)價(jià)最主要是取決于網(wǎng)站的內(nèi)容，但是如果沒(méi)有恰當(dāng)?shù)木W(wǎng)頁(yè)設(shè)計(jì)，很可能會(huì)使用戶忽略好的內(nèi)容，網(wǎng)頁(yè)設(shè)計(jì)是用戶對(duì)網(wǎng)站的第一印象，因此避免同質(zhì)化的網(wǎng)頁(yè)設(shè)計(jì)是使用戶關(guān)注內(nèi)容的前提。
二、搜索引擎優(yōu)化
可能許多網(wǎng)頁(yè)設(shè)計(jì)者對(duì)此都相當(dāng)不屑，他們的理由也十分正當(dāng)，如果過(guò)于關(guān)注搜索引擎的優(yōu)化就會(huì)破壞用戶體驗(yàn)效果。但是我的看法是實(shí)際上一些恰當(dāng)簡(jiǎn)單的搜索引擎優(yōu)化技巧對(duì)于用戶體驗(yàn)效果不僅不會(huì)造成破壞，而且能起到更好的推廣作用，何樂(lè)而不為呢？
1.網(wǎng)頁(yè)結(jié)構(gòu)優(yōu)化
使用div css的架構(gòu)，這一架構(gòu)的優(yōu)勢(shì)十分顯著，修改方便，而且可以選擇讓搜索引擎bot先對(duì)正文部分進(jìn)行爬行而避免因Head和Sidebar的信息多次重復(fù)而提前中止了對(duì)正文部分的爬行，使bot在最短時(shí)間內(nèi)索引到網(wǎng)頁(yè)的核心內(nèi)容。
2.標(biāo)題、描述、關(guān)鍵字、排版的優(yōu)化
標(biāo)題字?jǐn)?shù)控制在35個(gè)漢字以內(nèi)，將你的網(wǎng)頁(yè)主要內(nèi)容和要優(yōu)化的關(guān)鍵字體現(xiàn)在標(biāo)題上。而描述和關(guān)鍵字則要盡量全面地覆蓋你需要優(yōu)化的關(guān)鍵字。排版上要多運(yùn)用加粗、添加下劃線、使用斜體、使用H1、H2、H3等標(biāo)簽來(lái)突出要優(yōu)化的關(guān)鍵字，并且盡量將關(guān)鍵字的密度保持在6%-10%之間。
3.細(xì)節(jié)的優(yōu)化
主要就是注意多交換鏈接和保證交換鏈接的質(zhì)量。一個(gè)頁(yè)面內(nèi)的外鏈數(shù)量最多不要超過(guò)3個(gè)，最好保持在1－2個(gè)，內(nèi)鏈數(shù)量越多越好。對(duì)于圖片添加鏈接以及添加 alt說(shuō)明，讓搜索引擎可以讀懂你的圖片并索引你的網(wǎng)頁(yè)。內(nèi)容盡量原創(chuàng)，搜索引擎對(duì)于頁(yè)面相似度高的站點(diǎn)會(huì)采取一定的懲罰措施。
4.制作和提交sitemap
提交你的sitemap到Google Webmaster Tools和Yahoo! Site Explorer，以及提交你的網(wǎng)站到其它各大搜索引擎和DMOZ等網(wǎng)站目錄。幫助搜索引擎更好地索引你的站點(diǎn)。
基本上我認(rèn)為對(duì)于網(wǎng)頁(yè)設(shè)計(jì)這些是需要注意的，但由于我的實(shí)際經(jīng)驗(yàn)太少，可能會(huì)有錯(cuò)漏，請(qǐng)各位提出意見(jiàn)。
【網(wǎng)頁(yè)設(shè)計(jì)的優(yōu)化知識(shí)】相關(guān)文章：
網(wǎng)頁(yè)設(shè)計(jì)之網(wǎng)頁(yè)優(yōu)化問(wèn)題09-21
10個(gè)優(yōu)化網(wǎng)頁(yè)用戶界面網(wǎng)頁(yè)設(shè)計(jì)的規(guī)則08-21
網(wǎng)頁(yè)設(shè)計(jì)與構(gòu)架中的SEO優(yōu)化原則11-06
如何使用熱點(diǎn)圖優(yōu)化網(wǎng)頁(yè)設(shè)計(jì)09-07
網(wǎng)頁(yè)設(shè)計(jì)中優(yōu)化圖片的小技巧09-02
網(wǎng)頁(yè)設(shè)計(jì)顏色搭配的知識(shí)11-04