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