SEO網(wǎng)站優(yōu)化之DIV+CSS

網(wǎng)站制作公司尚品中國(guó)(xjjufeng.cn)：從用戶體驗(yàn)的角度 來(lái)看看SEO網(wǎng)站優(yōu)化的大勢(shì)所趨

這次給大家介紹的是我對(duì)“用戶體驗(yàn)”與搜索引擎排名之間的關(guān)系的一些觀點(diǎn)。因?yàn)闀r(shí)間關(guān)系，可能文章的某些句子不通順，請(qǐng)各位見(jiàn)諒，文章內(nèi)容均為本人猜測(cè)，不保證為正確觀點(diǎn)。

在 SEO中常常會(huì)提及到用戶體驗(yàn)優(yōu)化這個(gè)概念，什么是用戶體驗(yàn)優(yōu)化呢？簡(jiǎn)單點(diǎn)說(shuō)就是通過(guò)優(yōu)化網(wǎng)頁(yè)讓網(wǎng)頁(yè)更適合用戶使用。

我記得一開(kāi)始接觸“用戶體驗(yàn)”這個(gè)概念的時(shí)候滿不以為然，什么叫做用戶體驗(yàn)？百度能知道你的網(wǎng)站受不受用戶歡迎？搜索引擎只是機(jī)器而已，它能懂什么??？但是經(jīng)過(guò)幾個(gè)月的觀察和學(xué)習(xí)，我發(fā)覺(jué)事情并不是這樣的。

這里我們回歸到最原始的一點(diǎn)去思考問(wèn)題，搜索引擎的初衷是什么？搜索引擎就是要給出用戶想要的網(wǎng)站，用戶喜歡的網(wǎng)站。那么無(wú)可厚非，一個(gè)用戶體驗(yàn)好的網(wǎng)站理應(yīng)是受歡迎的，既然受用戶的歡迎那么排在前面那是應(yīng)該的。架設(shè)兩個(gè)網(wǎng)站內(nèi)容上差別不大，一個(gè)網(wǎng)站彈窗N個(gè)，另外一個(gè)網(wǎng)站界面干凈，你說(shuō)搜索引擎會(huì)喜歡那個(gè)網(wǎng)站。

ok，說(shuō)了這么多廢話，我想你應(yīng)該認(rèn)同我的觀點(diǎn)了吧，一個(gè)網(wǎng)站的用戶體驗(yàn)指標(biāo)確實(shí)會(huì)影響網(wǎng)站排名。但是搜索引擎是怎樣知道一個(gè)網(wǎng)站受不受用戶歡迎的呢？這里主要有兩個(gè)指標(biāo)：1、PV跟獨(dú)立訪客比，2、網(wǎng)站停留時(shí)間。如果pv跟獨(dú)立訪客之比越小，網(wǎng)站停留時(shí)間越短，間接的可以說(shuō)明這個(gè)網(wǎng)站不受用戶喜歡。接下來(lái)有是另外一個(gè)問(wèn)題，怎樣去獲得一個(gè)網(wǎng)站的pv和獨(dú)立訪客比以及用戶停留時(shí)間呢？這里以google為例，google的產(chǎn)品已經(jīng)非常豐富了，這里羅列一些可以收集用戶信息的產(chǎn)品（當(dāng)然只是我的猜想），google adsense 、Google Analytics、google瀏覽器、還有我下面會(huì)說(shuō)的google toolbar?；蛟S上面的部分只是我的猜想，請(qǐng)繼續(xù)看我下面的信息，一下文字截取至安裝google toolbar的過(guò)程中

請(qǐng)認(rèn)真閱讀：這些內(nèi)容十分重要

如果您使用工具欄的某些高級(jí)功能，那么您所訪問(wèn)的網(wǎng)站的相關(guān)信息可能會(huì)發(fā)送給 Google。例如，為了讓 PageRank 功能向您提供關(guān)于網(wǎng)站的更多信息，工具欄需要向我們發(fā)送網(wǎng)址來(lái)告知我們您所訪問(wèn)的網(wǎng)站。如果您啟用了網(wǎng)絡(luò)歷史記錄等一些根據(jù)搜索和瀏覽記錄提供服務(wù)的 Google 功能，那么 PageRank 發(fā)送的網(wǎng)址也會(huì)用于這些服務(wù)。任何涉及個(gè)人身份的信息都受 Google 隱私政策的約束。有關(guān)工具欄隱私保護(hù)的詳情，請(qǐng)參閱工具欄隱私政策。

相信你看到“那么您所訪問(wèn)的網(wǎng)站的相關(guān)信息可能會(huì)發(fā)送給 Google“這句話的時(shí)候已經(jīng)開(kāi)始相信了吧。至于百度，暫時(shí)只想到百度工具欄，百度主題推廣。接下來(lái)，你肯定會(huì)說(shuō)，裝google toolbar和百度工具欄的人畢竟是少數(shù)?。筷P(guān)于這個(gè)問(wèn)題，我覺(jué)得可以參考alexa排名，之前看過(guò)一些前輩是這么介紹alexa排名的，只有裝了 alexa工具欄的人訪問(wèn)了網(wǎng)站才能為alexa提高有效的參考數(shù)據(jù)，然后更具alexa更具裝alexa工具欄的人在所有上網(wǎng)的人數(shù)的比例去轉(zhuǎn)換，最后得出估計(jì)的流量。只要數(shù)量足夠，完全可以當(dāng)做參考數(shù)據(jù)。

當(dāng)我領(lǐng)悟到這一點(diǎn)之后，在建立新站的時(shí)候，我就開(kāi)始越來(lái)越注重網(wǎng)站的整體設(shè)計(jì)以及用戶體驗(yàn)了。經(jīng)過(guò)幾個(gè)月的排名升降洗禮，我越來(lái)越認(rèn)識(shí)到用戶體驗(yàn)的重要性，還有一個(gè)沒(méi)有權(quán)重的新站不要SEO的太明顯，適當(dāng)即可，不然排名上去了也是很容易掉下來(lái)的。

搜索引擎的算法在不斷進(jìn)步，SEOer想要跟上步伐只能從搜索引擎最根本的初衷出發(fā)去思考問(wèn)題。

注意搜索引擎優(yōu)化SEO的幾點(diǎn)忌諱

SEO必須掌握好度，優(yōu)化得不夠，則效果不理想，優(yōu)化過(guò)度，則會(huì)被搜索引擎懲罰。其中的技巧，我不甚了解，不過(guò)因多次被搜索引擎懲罰，我也逐漸發(fā)現(xiàn)了一些優(yōu)化的忌諱。

一、標(biāo)題

網(wǎng)站的頁(yè)面標(biāo)題是經(jīng)常會(huì)被一些客戶堆切了很多的關(guān)鍵詞，而網(wǎng)頁(yè)標(biāo)題恰恰是搜索引擎十分看重的一塊地方，堆切了很多相關(guān)或者不相關(guān)的關(guān)鍵詞，很容易就給搜索引擎的算法判斷成這個(gè)網(wǎng)站存在作弊行為，最后導(dǎo)致搜索引擎封殺站點(diǎn)。

標(biāo)題針對(duì)關(guān)鍵詞的寫法上，建議一個(gè)網(wǎng)頁(yè)對(duì)應(yīng)1-2個(gè)關(guān)鍵詞即可，網(wǎng)頁(yè)的正文內(nèi)容要與網(wǎng)頁(yè)標(biāo)題的主題高度吻合。

網(wǎng)頁(yè)標(biāo)題切忌頻繁更改。一個(gè)不穩(wěn)定的網(wǎng)站，百度是不會(huì)喜歡的，在建站之初，就應(yīng)該把網(wǎng)站的各個(gè)細(xì)節(jié)都考慮好，一旦建立，便不再輕易更改。

二、采集

搜索引擎是喜新厭舊的，如果一個(gè)網(wǎng)站的內(nèi)容都是在網(wǎng)絡(luò)上高度重復(fù)的，那么排名絕對(duì)不會(huì)好，采集的網(wǎng)站百度會(huì)收，但是收錄后會(huì)被慢慢的 k掉，而且很少會(huì)給改過(guò)自新的機(jī)會(huì)，哪怕之后天天更新原創(chuàng)文章，也無(wú)濟(jì)于事。但是這并不意味著不可以采集，我們可以針對(duì)采集來(lái)的文章做一些更改，比如替換內(nèi)容、更改標(biāo)題等。

三、內(nèi)部鏈接

很多的SEO工程師都知道，一個(gè)網(wǎng)站中有某些網(wǎng)頁(yè)的權(quán)重特別高，喜歡在權(quán)重高的網(wǎng)頁(yè)上堆切大量的關(guān)鍵詞鏈接。

不可否認(rèn)，在權(quán)重高的網(wǎng)站頁(yè)面上加重點(diǎn)的關(guān)鍵詞鏈接對(duì)目標(biāo)關(guān)鍵詞的搜索引擎排名提升會(huì)起到幫助，但是在權(quán)重高的網(wǎng)頁(yè)堆積了過(guò)量的關(guān)鍵詞鏈接，也會(huì)被搜索引擎處罰。

建議對(duì)于高權(quán)重的網(wǎng)頁(yè)放置重點(diǎn)目標(biāo)關(guān)鍵詞鏈接，不要超過(guò)10個(gè)，而且這些鏈接放置的位置也是相當(dāng)重要!

四、keywords和description

一些剛接觸SEO的朋友，很喜歡在keywords和description標(biāo)簽的內(nèi)容里，堆積一大堆的相關(guān)關(guān)鍵詞。

關(guān)于keywords和description標(biāo)簽在搜索引擎優(yōu)化中的作用，基本上被主流的搜索引擎算法降低為0或者非常低。在keywords和description上堆積關(guān)鍵詞的優(yōu)化方法，只會(huì)起到負(fù)面的搜索引擎優(yōu)化反應(yīng)。

搜索引擎根據(jù)什么條件去判斷一個(gè)網(wǎng)站是否存在SEO SPAM，雖說(shuō)我們沒(méi)有得到官方權(quán)威的信息。但是我們依然可以根據(jù)實(shí)踐經(jīng)驗(yàn)，得到一些重要的信息。不要刻意強(qiáng)調(diào)搜索引擎優(yōu)化技術(shù)中某個(gè)環(huán)節(jié)的重要，要講求平衡。所以，自然的搜索引擎優(yōu)化才不會(huì)出現(xiàn)SEO過(guò)度的問(wèn)題。

對(duì)于SEO過(guò)度的問(wèn)題，還有一個(gè)重要的問(wèn)題需要說(shuō)明，搜索引擎處罰網(wǎng)站的方式，不一定就是直接封殺網(wǎng)站，也有可能是降低網(wǎng)站排名或者降低權(quán)重。這些處罰的輕重會(huì)根據(jù)網(wǎng)站SEO過(guò)度的程度而定。

SEO必須要有一個(gè)好心態(tài)，不可太急躁。尤其百度對(duì)新站收錄極慢，一個(gè)針對(duì)百度優(yōu)化的新站，必須做好打持久戰(zhàn)的準(zhǔn)備。搜索引擎為何會(huì)受到歡迎，就是因?yàn)橛脩裟茉谏厦嬲业叫枰臇|西，而搜索引擎對(duì)網(wǎng)站的要求也同樣如此，做SEO要多站在用戶的角度考慮，搜索引擎的算法是經(jīng)常改進(jìn)的，作弊的網(wǎng)站，就算能一時(shí)得逞，但終有一天，會(huì)被k掉。所以，在網(wǎng)站制作過(guò)程中，應(yīng)該多了解SEO的忌諱，避免觸底線。

六方面談SEO常用的優(yōu)化技巧

今天和大家簡(jiǎn)單談一些咱們?cè)诰W(wǎng)站優(yōu)化中的常用技巧。主要是六個(gè)方面:標(biāo)簽，關(guān)鍵字的比例，蜘蛛的抓取頁(yè)面的方向，圖片的ALt屬性，關(guān)鍵字的位置和鏈接的錨文本。

　　標(biāo)簽

　　對(duì)于Keywords和Description標(biāo)簽在咱們書寫的時(shí)候，咱們可以選擇將相同的內(nèi)容文本在書寫，經(jīng)過(guò)測(cè)試這種效果還算不錯(cuò)。當(dāng)然了咱們還可以有意的把keywords中的關(guān)鍵詞放在Description標(biāo)簽里面，特別是標(biāo)簽的開(kāi)頭位置。(因?yàn)殛P(guān)鍵字越往前，權(quán)重越高)，當(dāng)然了要是重復(fù)出現(xiàn)就更好了。但是這里咱們得提醒一下，如果咱們要是優(yōu)化百度，那么重復(fù)的次數(shù)就別太多了，反之如果咱們主要是針對(duì)谷歌的話，那多重復(fù)幾次更好。最后咱們還得提醒一些朋友注意，在Keywords和Description兩個(gè)標(biāo)簽中咱們盡量避免出現(xiàn)and/or/the這樣的單詞。

　　關(guān)鍵詞的比例

　　可能很多朋友都知道在一個(gè)頁(yè)面中關(guān)鍵詞的比例最好是保持在7%~8%之間，但是這里庸人提醒大家千萬(wàn)不要有意的去把關(guān)鍵字的比例提升的太高(這里包括兩個(gè)方面:Keywords-weight(關(guān)鍵字在頁(yè)面中出現(xiàn)的次數(shù));Keywords-density(關(guān)鍵字和頁(yè)面中其它單詞的比值))。原因就很簡(jiǎn)單了，因?yàn)樵蹅內(nèi)绻桃獾陌堰@個(gè)比例提高，反而會(huì)被搜索引擎認(rèn)為咱們是在對(duì)其關(guān)鍵字(Keywords-stuffing)，進(jìn)而引來(lái)搜索引擎對(duì)咱們的懲罰。當(dāng)然了還有一些朋友在頁(yè)面中關(guān)鍵詞往往都只能達(dá)到1%~2%，說(shuō)實(shí)話這個(gè)其實(shí)也無(wú)所謂的，因?yàn)橹灰蹅儾皇歉哂?%，首先就保證了搜索引擎不把咱們當(dāng)做作弊，那么剩下的咱們就可以通過(guò)其他的方式來(lái)彌補(bǔ)。畢竟這里在網(wǎng)站的整個(gè)優(yōu)化過(guò)程中權(quán)重是有限的。

　　蜘蛛在抓取頁(yè)面時(shí)的方向

　　作為seo咱們應(yīng)該知道，搜索引擎侍從網(wǎng)站的左邊到網(wǎng)站的右邊，再?gòu)木W(wǎng)站的上方到網(wǎng)站下方。當(dāng)然在此咱們也個(gè)得提一下，一般情況下蜘蛛對(duì)先從網(wǎng)站中抓取的100個(gè)詞的權(quán)重是最高的。所以在這里咱們?nèi)绾螘鴮懞团帕嘘P(guān)鍵字就顯得比較重要了。所以要求咱們盡量書寫keywords和Description的時(shí)候在文章中應(yīng)該放在中間，甚至得網(wǎng)頁(yè)下方，總之千萬(wàn)別放在頁(yè)面的左側(cè)。

　　圖片的Alt屬性

　　咱們應(yīng)該都知道蜘蛛是不能直接識(shí)別圖片的。這里咱們就必須使用alt屬性了，因?yàn)閍lt屬性不僅能幫助蜘蛛來(lái)識(shí)別圖片，同時(shí)也是蜘蛛識(shí)別咱們網(wǎng)頁(yè)圖片的唯一方法了。同時(shí)合理的使用alt屬性，也能提高一下咱們關(guān)鍵詞在頁(yè)面的比例。

　　關(guān)鍵字的位置

　　如果站點(diǎn)是關(guān)于某個(gè)主題的，那么主要的觀點(diǎn)或者說(shuō)關(guān)鍵字應(yīng)該出現(xiàn)在文章的開(kāi)始，并貫穿全文，然后在結(jié)尾結(jié)論時(shí)突出。如果已經(jīng)將導(dǎo)航鏈接和javascript放在頁(yè)面的底部，我們可以在 html結(jié)束之前放上相關(guān)的文本。比如，你可以通過(guò)將關(guān)鍵字放在頁(yè)面的版權(quán)聲明中來(lái)將關(guān)鍵字放在頁(yè)面的底部。

　　鏈接的錨文本

　　如果搜索引擎發(fā)現(xiàn)有很多鏈接使用相同的文本卻指向同一個(gè)站點(diǎn)，那么它可能就會(huì)判斷這個(gè)站點(diǎn)是和這個(gè)關(guān)鍵字相關(guān)的，那么在其它人使用這個(gè)關(guān)鍵字搜索時(shí)就會(huì)把這個(gè)站點(diǎn)作為結(jié)果之一。通常很少有人會(huì)注意到去利用鏈接的文本。不過(guò)要注意，這個(gè)方法不要使用在互惠鏈接交換當(dāng)中，相反在互惠鏈接交換當(dāng)中要使用相關(guān)但是不相同的文本來(lái)做同一個(gè)鏈接的文本。


CSS+DIV網(wǎng)站優(yōu)化(seo)
1) 一個(gè)網(wǎng)站要有好的seo優(yōu)化效果，建議先使用一套標(biāo)準(zhǔn)化的css+div布局網(wǎng)站，注意語(yǔ)義標(biāo)簽的使用；
2) 網(wǎng)站完工后要向各大搜索引擎網(wǎng)站登陸然后向Google提交sitemap；
3) 增加網(wǎng)站有權(quán)重的連接，多交一些好的友情鏈接；
4) 寫好網(wǎng)站的robots.txt ；
5) 在關(guān)鍵字的地方使用標(biāo)簽定義，例如在主關(guān)鍵字用次關(guān)鍵字用；

6) 在 后面要加上 title 標(biāo)簽，里面內(nèi)容是你所要優(yōu)化的關(guān)鍵字，img 標(biāo)簽中加入描述，可以適當(dāng)添加關(guān)鍵字；
7) 結(jié)合網(wǎng)站優(yōu)化的一系列工具來(lái)查看優(yōu)化的情況，根據(jù)這些數(shù)據(jù)來(lái)改進(jìn)你的優(yōu)化；
8) 再根據(jù)平時(shí)做網(wǎng)站優(yōu)化的經(jīng)驗(yàn)，結(jié)合Google 和百度seo優(yōu)化技巧來(lái)優(yōu)化自己的網(wǎng)站.

網(wǎng)站整體的優(yōu)化規(guī)則

一、網(wǎng)站優(yōu)化的基本思想

1、對(duì)用戶的優(yōu)化

以用戶的需求為導(dǎo)向來(lái)設(shè)計(jì)網(wǎng)站的導(dǎo)航欄。用戶可以方便的瀏覽網(wǎng)站的信息，使用網(wǎng)站的服務(wù)。

2、對(duì)網(wǎng)絡(luò)環(huán)境（搜索引擎等）的優(yōu)化

從網(wǎng)站的架構(gòu)到網(wǎng)頁(yè)的標(biāo)題和標(biāo)簽的設(shè)計(jì)，以及網(wǎng)站布局和層級(jí)的深度、網(wǎng)頁(yè)的動(dòng)靜態(tài)來(lái)整體優(yōu)化網(wǎng)站。

3、對(duì)網(wǎng)站維護(hù)的優(yōu)化

對(duì)網(wǎng)站維護(hù)的優(yōu)化是為了便于網(wǎng)站日常的更新維護(hù)，改版升級(jí)，便于獲得和管理注冊(cè)用戶資源，充分體現(xiàn)網(wǎng)站的網(wǎng)絡(luò)營(yíng)銷功能，使得各種網(wǎng)絡(luò)營(yíng)銷方法發(fā)揮最大的效果。

二、網(wǎng)站整體優(yōu)化的基本要素

1、網(wǎng)站結(jié)構(gòu)的設(shè)計(jì)合理：最多不超過(guò)3層。

2、網(wǎng)站信息有效：網(wǎng)站要經(jīng)常更新。

3、網(wǎng)頁(yè)下載速度快：網(wǎng)頁(yè)的圖片和FLASH盡量少用，網(wǎng)頁(yè)大小要有所控制。

4、網(wǎng)站簡(jiǎn)單易用，尤其是要注意導(dǎo)航欄方便。

5、設(shè)計(jì)一個(gè)網(wǎng)站地圖。

6、網(wǎng)站鏈接有效：不能有死鏈接。

7、用戶注冊(cè)/退出方便。

8、為每個(gè)網(wǎng)頁(yè)設(shè)計(jì)一個(gè)合適的標(biāo)題。

9、設(shè)計(jì)合理的標(biāo)簽中的關(guān)鍵詞和網(wǎng)站描述。

10、盡量采用靜態(tài)網(wǎng)頁(yè)，至少保證包含網(wǎng)站重要信息的頁(yè)面為靜態(tài)頁(yè)面。

三、網(wǎng)站架構(gòu)及頁(yè)面具體優(yōu)化方面

（1）對(duì)用戶的優(yōu)化

1、注冊(cè)：會(huì)員注冊(cè)越簡(jiǎn)單越好。

2、交易流程：操作簡(jiǎn)單，易用，交易方便。

3、交互：很容易跟網(wǎng)站相互溝通。

(2)網(wǎng)站架構(gòu)及頁(yè)面的優(yōu)化

1、網(wǎng)站目錄：網(wǎng)站目錄最好不要超過(guò)3層，那樣有利于搜索引擎網(wǎng)絡(luò)蜘蛛抓取。

2、網(wǎng)站頁(yè)面：網(wǎng)站的前幾級(jí)頁(yè)面最好是靜態(tài)頁(yè)面，如果是動(dòng)態(tài)的最好通過(guò)技術(shù)手段將動(dòng)態(tài)的轉(zhuǎn)變成靜態(tài)的頁(yè)面。這樣做也是有利于網(wǎng)絡(luò)蜘蛛抓取頁(yè)面。

3、導(dǎo)航：主導(dǎo)航條要醒目，清晰，而且最好采用文本鏈接，少采用圖片。

4、路徑：采用層層遞進(jìn)的路徑，并且每個(gè)路徑加上鏈接。有利于網(wǎng)絡(luò)蜘蛛快速找到相關(guān)的頁(yè)面。

5、首頁(yè)突出重要內(nèi)容：除了主欄目，還應(yīng)該將次級(jí)目錄中的重要內(nèi)容以鏈接的方式在首頁(yè)或其它子頁(yè)中多次呈現(xiàn)，以突出重點(diǎn)。

6、使用網(wǎng)站地圖：多采用文本鏈接，不用或少用修飾性圖片，以加快頁(yè)面加載速度。需要注意，網(wǎng)站地圖也要突出重點(diǎn)，盡量給出主干性內(nèi)容及鏈接，而不是所有細(xì)枝末節(jié)。一頁(yè)內(nèi)不適宜放太多鏈接。Google明確提出“如果網(wǎng)站地圖上的鏈接超過(guò)大約 100 個(gè)，則最好將網(wǎng)站地圖拆成多個(gè)網(wǎng)頁(yè)”。

7、圖像優(yōu)化：一般而言，搜索引擎只識(shí)讀文本內(nèi)容，對(duì)圖像是不可見(jiàn)的。同時(shí)

圖像文件直接延緩頁(yè)面加載時(shí)間，如果超過(guò)20秒網(wǎng)站還不能加載，用戶和搜索引擎極有可能離開(kāi)你的網(wǎng)站。因此，除非你的網(wǎng)站內(nèi)容是圖片為主，比如游戲站點(diǎn)或者圖片至關(guān)重要，否則盡量避免使用大圖片，更不要采用純圖像制作網(wǎng)頁(yè)。每個(gè)圖像標(biāo)簽中都有ALT屬性，搜索引擎會(huì)讀取該屬性以了解圖像的信息。因此，最好在所有插圖的ALT屬性中都有文字描述，并帶上該頁(yè)關(guān)鍵字在其中?？傮w上，網(wǎng)頁(yè)應(yīng)盡量減少裝飾性圖片以及大圖片和falsh。而Alt屬性中的文字對(duì)搜索引擎來(lái)說(shuō)，其重要性比正文內(nèi)容的文字要低。

8、網(wǎng)頁(yè)減肥：一個(gè)頁(yè)面的文件大小在15K左右，最好不要超過(guò)50K。

9、網(wǎng)頁(yè)標(biāo)題和標(biāo)簽的設(shè)計(jì)：

標(biāo)題：

title簡(jiǎn)短精煉，高度概括，含有關(guān)鍵詞，而不是只有一個(gè)公司名。但關(guān)鍵詞不宜過(guò)多，不要超過(guò)3個(gè)詞組。企業(yè)網(wǎng)站的title通常以公司名+關(guān)鍵詞為內(nèi)容；前幾個(gè)詞對(duì)搜索引擎最重要，因此關(guān)鍵詞位置盡量靠前；最好將title組織成符合語(yǔ)法結(jié)構(gòu)和閱讀習(xí)慣的短句或短語(yǔ)，避免無(wú)意義的詞組羅列式title。

關(guān)鍵詞：盡量使用網(wǎng)頁(yè)出現(xiàn)內(nèi)容的關(guān)鍵詞。（關(guān)鍵詞的選擇另行說(shuō)明）

描述：描述中包含關(guān)鍵詞，與正文內(nèi)容相關(guān)，文字不要超過(guò)200字。

10、網(wǎng)站站內(nèi)交叉鏈接：在你的網(wǎng)站之內(nèi)，高質(zhì)量的內(nèi)容之間互相鏈接起來(lái)，尤其對(duì)Google來(lái)說(shuō)，基于共同內(nèi)容的相互鏈接對(duì)在你的網(wǎng)站之內(nèi)分享PR是非常重要的

11、網(wǎng)站導(dǎo)出鏈接：網(wǎng)站的導(dǎo)出鏈接盡量采用文本，文本內(nèi)包含網(wǎng)站的關(guān)鍵詞。

12、網(wǎng)站友情鏈接：網(wǎng)站對(duì)外友情鏈接最好使用文本形式，文本中包含網(wǎng)站的關(guān)鍵詞。

四、網(wǎng)站維護(hù)優(yōu)化

1、網(wǎng)站內(nèi)容的更新：在網(wǎng)站后臺(tái)設(shè)置便于網(wǎng)站前臺(tái)內(nèi)容的更新。

2、網(wǎng)站會(huì)員資料的收集：在網(wǎng)站后臺(tái)設(shè)置有利于收集網(wǎng)站會(huì)員資料的功能，以利于以后開(kāi)展會(huì)員制營(yíng)銷。

3、網(wǎng)站廣告位：網(wǎng)站在后臺(tái)應(yīng)該有一個(gè)廣告位管理系統(tǒng)，以便于在前臺(tái)開(kāi)展各種廣告宣傳。

4、網(wǎng)站統(tǒng)計(jì)工具：網(wǎng)站最好后臺(tái)安裝一個(gè)統(tǒng)計(jì)工具，推薦51la統(tǒng)計(jì)工具。便于分析網(wǎng)站營(yíng)銷效果和監(jiān)測(cè)網(wǎng)站流量。

談?wù)劙俣鹊膬?yōu)化與降權(quán)

百度的這次大規(guī)模更新，相信是幾家歡喜幾家憂。
文章出處：標(biāo)準(zhǔn)之路(http://xjjufeng.cn)
更新后有很多網(wǎng)站獲得了不錯(cuò)的排名，但是也有不少網(wǎng)站被降權(quán)甚至被K。今天群里有位朋友告訴我，自己的網(wǎng)站被百度降權(quán)，因?yàn)樗闹麝P(guān)鍵詞根本沒(méi)有排名，且沒(méi)有任何來(lái)自百度的流量。

今天對(duì)朋友的站是否真的被降權(quán)暫且不提，先說(shuō)一下百度的反SPAM標(biāo)準(zhǔn)吧。

我記得以前百度是公開(kāi)反SPAM原則的，但是昨天忽然發(fā)現(xiàn)這個(gè)標(biāo)準(zhǔn)已經(jīng)被關(guān)閉，或許是因?yàn)榘俣人惴ㄕ{(diào)整后，反SPAM原則更改的原因吧。SPAM的原意是指垃圾郵件，引申在搜索引擎方面就是對(duì)搜索引擎的欺騙行為了。反SPAM就是為了User experience（用戶體驗(yàn)），百度的標(biāo)準(zhǔn)是，用戶體驗(yàn)高于一切，其他任何SPAM行為都將遭到封殺。

我們做SEO的原則并不是為了排名而做，而是更好的提高用戶體驗(yàn)，好的用戶體驗(yàn)自然會(huì)受到百度的喜歡，這也就是我?guī)滋烨耙黄恼吕锼f(shuō)過(guò)的UCD。我們?cè)谧鼍W(wǎng)站的時(shí)候，一定要把用戶體驗(yàn)放在第一位，百度蜘蛛也是特殊的訪客，你不能忽視他的感受。在反SPAM工作中，蜘蛛自動(dòng)識(shí)別和人工識(shí)別是相輔相成的，首先會(huì)由蜘蛛判斷出你的網(wǎng)站是否有SPAM行為，如果有，你的網(wǎng)址就會(huì)被列入SPAM數(shù)據(jù)庫(kù)，然后再由人工復(fù)審你的網(wǎng)站，但是你要知道，百度的工作人員再多，也多不過(guò)海量的網(wǎng)頁(yè)搜索次數(shù)，所以這里就一定會(huì)有誤差，一般蜘蛛判斷出你的網(wǎng)站有刻意欺騙搜索引擎的行為時(shí)，工作人員就很少?gòu)?fù)查了，帶來(lái)的結(jié)果就是網(wǎng)站被降權(quán)甚至直接被K。

那么什么才算是SPAM呢？簡(jiǎn)單來(lái)說(shuō)，過(guò)分的SEO優(yōu)化都可能導(dǎo)致網(wǎng)站被降權(quán)?，F(xiàn)在的站長(zhǎng)都很聰明，很少有人再去做幾年前那樣的關(guān)鍵詞堆積等傻行為。不過(guò)百度可以從另外的方面查出你是否作弊，如果你的網(wǎng)站被降權(quán)，首先檢查你的網(wǎng)站是不是有關(guān)鍵字堆砌，無(wú)關(guān)關(guān)鍵字，惡意轉(zhuǎn)接等方式，另外不要隨意更換你的title，關(guān)鍵詞。有很多站長(zhǎng)說(shuō)，我的描述可以換吧，因?yàn)楝F(xiàn)在很多人都說(shuō)描述百度已經(jīng)不關(guān)注了，可是我的意見(jiàn)是，既然沒(méi)有用，百度就不會(huì)去索引你的描述，也不會(huì)要求你寫上description，因此，這些東西在建站之初就要考慮好，千萬(wàn)不能說(shuō)換就換，這對(duì)網(wǎng)站，尤其是權(quán)重很低的新站來(lái)說(shuō)是及其危險(xiǎn)的行為。

另外，外界盛傳百度對(duì)域名也會(huì)有三六九等，比如CN域名權(quán)值低等，這我倒覺(jué)得有可能，因?yàn)镃N域名一元風(fēng)暴刮起后，成千上萬(wàn)的垃圾站涌向網(wǎng)絡(luò)，對(duì)于這樣的情況，百度自然會(huì)做出相關(guān)的策略。不過(guò)并不是所有的域名都會(huì)被鄙視，只要你的站建的有根據(jù)，且文章原創(chuàng)多，沒(méi)有錯(cuò)鏈接、空連接等，百度一定會(huì)對(duì)你的站刮目相看。另外最近我還發(fā)現(xiàn)一個(gè)奇怪的現(xiàn)象，貌似百度對(duì)域名注冊(cè)時(shí)的domain信息好像也有關(guān)注，朋友說(shuō)可能被降權(quán)的站 ，注冊(cè)信息是Registrant organization: XX公司，Registrant Name: 張三，Administrative [email]: test@163.com，假如我的判斷沒(méi)有錯(cuò)，百度真的在意這個(gè)信息的話，那這樣的注冊(cè)信息無(wú)疑會(huì)提高你被降權(quán)的機(jī)率。

還有一條就是新站建立后頻繁的向搜索引擎提交，一般搜索引擎，尤其是百度規(guī)定一個(gè)月內(nèi)只能提交一次，更不能多個(gè)同站頁(yè)面多次向百度提交，這都會(huì)遭到搜索引擎的反感，從而導(dǎo)致降權(quán)，我在前段時(shí)間解答一位朋友的問(wèn)題時(shí)說(shuō)過(guò)，新站建立成功后，不要主動(dòng)提交給百度等搜索引擎，找個(gè)高質(zhì)量的外鏈，不超過(guò)三天你的站自然會(huì)被收錄。

如果以上的這些你都沒(méi)有做過(guò)，那就有可能是百度的“連坐措施”了，假如你的站鏈接了一個(gè)作弊的網(wǎng)站，而這個(gè)站被K后，搜索引擎可能會(huì)被認(rèn)為是你在輔助這個(gè)站作弊，因此你的站也會(huì)受到牽連，解決辦法只有一個(gè)，趕緊取消這個(gè)鏈接，然后語(yǔ)意誠(chéng)懇的寫信給百度管理員，請(qǐng)他復(fù)查。不過(guò)如果你沒(méi)有鏈接作弊站，而作弊站單方鏈接到你這邊，那沒(méi)關(guān)系，也不會(huì)收到牽連。

百度是非常注重你的站的實(shí)際價(jià)值的，過(guò)量的新聞采集也會(huì)導(dǎo)致網(wǎng)站被降權(quán)，做一個(gè)網(wǎng)站，哪怕信息很少，但是每一篇都是原創(chuàng)，那你的站權(quán)重一定低不到那里去的。

有些網(wǎng)上的資料是這樣寫的

1.百度首先看中的是內(nèi)文關(guān)鍵詞密度和分布。與其他搜索引擎不同的是，百度更喜歡關(guān)鍵詞密度較高，關(guān)鍵詞位置較集中的頁(yè)面
2.baidu沒(méi)有放棄title標(biāo)簽，但已經(jīng)放棄keywords和description。title標(biāo)簽的位置和長(zhǎng)度對(duì)搜索結(jié)果有較大影響：

title長(zhǎng)度越短越好【不鼓勵(lì)在每個(gè)標(biāo)題后加網(wǎng)站名字或關(guān)鍵詞組】關(guān)鍵詞在title中越靠前越好。
3.頁(yè)內(nèi)鏈接帶有與頁(yè)面title相同的title提示，十分有利于提高頁(yè)面權(quán)重我敢說(shuō)這都是誤導(dǎo)，從第一條說(shuō)起。
關(guān)鍵詞密度高，就容易造成關(guān)鍵詞堆砌，百度自然會(huì)認(rèn)為你的網(wǎng)站是SPAM，關(guān)鍵詞更要平均分布，并不是集中就好，我在解答一些朋友的問(wèn)題時(shí)，曾經(jīng)反復(fù)說(shuō)過(guò)一句話：“有始有終”，關(guān)鍵詞也是這樣，不能單單關(guān)注搜索引擎先去看的左部上方，而是這個(gè)頁(yè)面都要平均分配關(guān)鍵詞的位置。不是說(shuō)頭部做了一堆關(guān)鍵詞，尾部一個(gè)關(guān)鍵詞都沒(méi)有。
第二條：一般來(lái)說(shuō)，titile的前七個(gè)字是權(quán)重最高的，因此建議把主關(guān)鍵詞放在前七個(gè)字，而keywords更不可能為放棄，沒(méi)有了keyword，百度怎么知道你的網(wǎng)站是要描述什么東西？description雖然盛傳已經(jīng)被放棄，但是經(jīng)過(guò)我的一些實(shí)驗(yàn)發(fā)現(xiàn)，description依然是有效的，有很多網(wǎng)站都在收錄后，顯示的是description內(nèi)容，例如打開(kāi)網(wǎng)址http://www.baidu.com/s?wd=eyeme.cn&cl=3，就是在百度中搜索“SEO俱樂(lè)部”出現(xiàn)在第一個(gè)的就是我的blog，你可以看到，百度索引的就是我的description，因此description同樣關(guān)鍵。
第三條：并不是說(shuō)與title有關(guān)的詞就可以提高頁(yè)面權(quán)重，而是主關(guān)鍵詞的平均出現(xiàn)才會(huì)有價(jià)值，一般在大型門戶的優(yōu)化中，單頁(yè)面都會(huì)帶有3-5個(gè)有絕對(duì)地址鏈接的關(guān)鍵詞，這是提高權(quán)重的方式，也就是我們常說(shuō)的內(nèi)鏈。
總之一句話，網(wǎng)站被降權(quán)并不是可怕的事，起碼還沒(méi)有被K，這就是復(fù)活的希望，去掉刻意優(yōu)化的痕跡，加多一些原創(chuàng)文字，再加一些高質(zhì)量鏈接，復(fù)活一定指日可待。
網(wǎng)站SEO并非一定需要靜態(tài)化
在國(guó)內(nèi)，很多“SEO專家”給客戶網(wǎng)站的第一診斷結(jié)果就是要頁(yè)面靜態(tài)化。這倒不是因?yàn)閯?dòng)態(tài)頁(yè)面就做不了SEO，而是相對(duì)靜態(tài)頁(yè)面而言，動(dòng)態(tài)頁(yè)面的SEO更加難做，受“SEO專家”的技術(shù)能力所限而已。
對(duì)于搜索引擎而言，在主觀上對(duì)靜態(tài)頁(yè)面和動(dòng)態(tài)頁(yè)面并沒(méi)有特殊的好惡，只是很多動(dòng)態(tài)頁(yè)面的參數(shù)機(jī)制不利于搜索引擎收錄，而靜態(tài)頁(yè)面更容易收錄而已。此外，頁(yè)面靜態(tài)化在一定程度上也提高了頁(yè)面訪問(wèn)速度和系統(tǒng)性能及穩(wěn)定性——這使得在搜索引擎優(yōu)化上面，為使得效果更加明顯，問(wèn)題簡(jiǎn)單快速解決，大家對(duì)站點(diǎn)的靜態(tài)化趨之若騖。
然而對(duì)于一些大型網(wǎng)站，靜態(tài)化帶來(lái)的問(wèn)題和后續(xù)成本也是不容忽視的：
由于生成的文件數(shù)量較多，存儲(chǔ)需要考慮文件、文件夾的數(shù)量問(wèn)題和磁盤空間容量的問(wèn)題———需要大量的服務(wù)器設(shè)備；程序?qū)㈩l繁地讀寫站點(diǎn)中較大區(qū)域內(nèi)容，考慮磁盤損傷問(wèn)題及其帶來(lái)的事故防范與恢復(fù)——硬件損耗要更新、站點(diǎn)備份要到位；頁(yè)面維護(hù)的復(fù)雜性和大工作量，及帶來(lái)的頁(yè)面維護(hù)及時(shí)性問(wèn)題——需要一整套站點(diǎn)更新制度和專業(yè)的站點(diǎn)維護(hù)人員；站點(diǎn)靜態(tài)化，增加了更新維護(hù)難度和網(wǎng)站管理人員工作強(qiáng)度，增加了硬件設(shè)備需求和損耗速度，增加了站點(diǎn)潛在的訪問(wèn)沖突和故障概率。對(duì)于一個(gè)大型網(wǎng)站而言，這都是必須考慮的問(wèn)題。對(duì)于SEO優(yōu)化，我們不需要真正靜態(tài)化，只需要假裝就可以了。動(dòng)態(tài)頁(yè)面也一樣能夠做好SEO優(yōu)化。目前大多數(shù)搜索引擎基本都能收錄動(dòng)態(tài)頁(yè)面，使用動(dòng)態(tài)頁(yè)面的站點(diǎn)數(shù)也遠(yuǎn)遠(yuǎn)大于靜態(tài)頁(yè)面的站點(diǎn)數(shù)。許多大型網(wǎng)站雖然網(wǎng)址的后綴為。htm，但其實(shí)還是動(dòng)態(tài)頁(yè)面，只是用了URL Rewrite的方式“欺騙”搜索引擎，真正完全靜態(tài)的沒(méi)有發(fā)現(xiàn)幾個(gè)。
目前對(duì)于一個(gè)動(dòng)態(tài)網(wǎng)站，實(shí)施相對(duì)靜態(tài)化的做法基本有如下幾種：
1. 偽靜態(tài)，URL Rewrite方式。
2. 類似蜘蛛的方法，動(dòng)態(tài)站點(diǎn)也存在，只是通過(guò)一個(gè)程序去抓取整個(gè)站點(diǎn)并保存發(fā)布為需要訪問(wèn)的靜態(tài)站點(diǎn)。
不論是真靜態(tài)頁(yè)面還是偽靜態(tài)頁(yè)面，在方便搜索引擎收錄這一點(diǎn)上，效果都是一樣的。既然如此，為什么不使用效率更高的“相對(duì)靜態(tài)化”的方法，以避免真正靜態(tài)化所產(chǎn)生的諸多問(wèn)題呢？
在頁(yè)面更新維護(hù)問(wèn)題上，即使是偽靜態(tài)，也帶來(lái)了不少維護(hù)的復(fù)雜性和工作量。目前較為可取的更新方式有：
觸發(fā)式更新：當(dāng)維護(hù)人員在后臺(tái)更改某些信息后，系統(tǒng)自動(dòng)或提供手動(dòng)更新相應(yīng)顯示頁(yè)面。獨(dú)立、分片式更新：更新與維護(hù)分開(kāi)，頁(yè)面劃分為不同的區(qū)，根據(jù)一定的規(guī)則對(duì)于區(qū)進(jìn)行更新。區(qū)之間的整合與分離，有的是采用活動(dòng)域，有的是采用SSI（Server Side Include）。
對(duì)于獨(dú)立、分片式更新，應(yīng)當(dāng)是大型網(wǎng)站相對(duì)靜態(tài)化后較為理想的更新維護(hù)模式：
1. 將各頁(yè)面定義分區(qū)、編號(hào)，給定存儲(chǔ)規(guī)則和更新規(guī)則，更新規(guī)則分為“依據(jù)數(shù)據(jù)變更更新”和“周期更新”。
2. 對(duì)于各區(qū)采用優(yōu)先級(jí)的方式，并提供手工觸發(fā)的即時(shí)更新，以保證部分信息的更新時(shí)間需要。
3. 靜態(tài)頁(yè)面替換動(dòng)態(tài)頁(yè)面，同時(shí)保留動(dòng)態(tài)頁(yè)面，并在靜態(tài)頁(yè)面未生成完畢時(shí)采用動(dòng)態(tài)頁(yè)面代替。
靜態(tài)化對(duì)于網(wǎng)站SEO來(lái)說(shuō)，應(yīng)當(dāng)只是一個(gè)信號(hào)，告訴搜索引擎我的站點(diǎn)很好收錄，然后帶領(lǐng)搜索引擎盡可能多的“瀏覽”站點(diǎn)內(nèi)的內(nèi)容。只要能夠方便瀏覽和收錄，不論是靜態(tài)頁(yè)面還是動(dòng)態(tài)頁(yè)面，搜索引擎都會(huì)一視同仁的去收錄。
對(duì)于小網(wǎng)站而言，站點(diǎn)靜態(tài)化或許是解決網(wǎng)站收錄量的一個(gè)簡(jiǎn)便的辦法，而對(duì)于大網(wǎng)站來(lái)說(shuō)，則要認(rèn)真考慮了，是不是真的有必要去做靜態(tài)化，還是做一下“相對(duì)靜態(tài)化”就夠了。
W3C驗(yàn)證
W3C是英文 World Wide Web Consortium 的縮寫，中文意思是W3C理事會(huì)或萬(wàn)維網(wǎng)聯(lián)盟。W3C于1994年10月在麻省理工學(xué)院計(jì)算機(jī)科學(xué)實(shí)驗(yàn)室成立。創(chuàng)建者是萬(wàn)維網(wǎng)的發(fā)明者Tim Berners-Lee。 .
　　W3C組織是對(duì)網(wǎng)絡(luò)標(biāo)準(zhǔn)制定的一個(gè)非贏利組織，像HTML、XHTML、CSS、XML的標(biāo)準(zhǔn)就是由W3C來(lái)定制。W3C會(huì)員(大約500名會(huì)員)包括生產(chǎn)技術(shù)產(chǎn)品及服務(wù)的廠商、內(nèi)容供應(yīng)商、團(tuán)體用戶、研究實(shí)驗(yàn)室、標(biāo)準(zhǔn)制定機(jī)構(gòu)和政府部門，一起協(xié)同工作，致力在萬(wàn)維網(wǎng)發(fā)展方向上達(dá)成共識(shí)。
　　W3C CSS驗(yàn)證服務(wù)是由W3C制作的一個(gè)免費(fèi)軟件，用于幫助Web設(shè)計(jì)者檢查層疊樣式表(CSS)。你可以在W3C提供的免費(fèi)在線服務(wù)中使用，也可以下載后作為一個(gè)Java程序或者Servlet運(yùn)行在自己的機(jī)器上。
　　如果你是一個(gè)web開(kāi)發(fā)者或者web設(shè)計(jì)人員，這個(gè)工具將是一個(gè)強(qiáng)大的助手，它不僅會(huì)將你所寫的css文件和css的標(biāo)準(zhǔn)進(jìn)行比較，幫你找出錯(cuò)誤，筆誤，誤用等等，它還可以告訴你你的css中可用性上的風(fēng)險(xiǎn)。
關(guān)于DIV+CSS和XHTML+CSS的理解
WEB標(biāo)準(zhǔn)是一系列標(biāo)準(zhǔn)的集合，并不是僅“DIV+CSS”布局就可以實(shí)現(xiàn)。以CSS網(wǎng)頁(yè)布局只是標(biāo)準(zhǔn)的基礎(chǔ)之一。“DIV+CSS”布局只是一種通俗的稱呼罷了。而我們學(xué)習(xí)的目標(biāo)在于以XHTML建立良好的語(yǔ)義化的結(jié)構(gòu)，結(jié)合CSS最大程度使表現(xiàn)與內(nèi)容相分離。
一位網(wǎng)友對(duì)W3C標(biāo)準(zhǔn)、重構(gòu)與CSS布局的理解：
不知道從什么時(shí)候開(kāi)始，在網(wǎng)絡(luò)上到處可以看到div+css，到底什么是div+css呢？難道就是傳說(shuō)中的標(biāo)準(zhǔn)重構(gòu)嗎？標(biāo)準(zhǔn)從最簡(jiǎn)單的根源來(lái)說(shuō)不是合理使用xhtml的標(biāo)簽嗎？可為什么還是有這么多div+css呢？既然可以div+css，那為什么不可以叫span+css ul+css li+css等等呢？疑問(wèn)，滿腦子的疑問(wèn)!為了這個(gè)疑問(wèn)，我把自己腦子里的東西從最底層翻了一遍。
在幾年前大家都是用table來(lái)布局，一層套一層，沒(méi)發(fā)現(xiàn)什么不妥，一直用到《網(wǎng)站重構(gòu)》這本書出來(lái)后的不久開(kāi)始看到很多人討論重構(gòu)。當(dāng)時(shí)的我對(duì)所謂的重構(gòu)一點(diǎn)都不清楚，當(dāng)然啦，現(xiàn)在還不是很清楚，至于《網(wǎng)站重構(gòu)》這本書我也沒(méi)看過(guò)幾頁(yè)，不敢說(shuō)自己什么都了解。但就目前而言，還是有很多朋友是從table布局轉(zhuǎn)變過(guò)來(lái)，也包括我自己在內(nèi)。
看了網(wǎng)上很多教程以及很多朋友的文章或者是提到的問(wèn)題，代碼結(jié)構(gòu)中少不了的是div。甚至看到代碼結(jié)構(gòu)中除了div標(biāo)簽在body中外，找不到其他用來(lái)處理結(jié)構(gòu)的標(biāo)簽了?；蛟S就是因?yàn)槿绱?，才出現(xiàn)了div+css，用div來(lái)做布局，結(jié)合css來(lái)表現(xiàn)樣式，那這樣就是標(biāo)準(zhǔn)了？
是把table換成了div，把td換成ul來(lái)排列后，那其他xhtml的標(biāo)簽怎么辦呢？
或許有朋友會(huì)說(shuō)“我是用div來(lái)布局，所以要叫div+css，而且現(xiàn)在大家都這樣叫啊”。嗯，沒(méi)錯(cuò)，因?yàn)閐iv在xhtml中沒(méi)有語(yǔ)意，而且是塊元素，用在布局方面比較合理。但如果因?yàn)槿绱硕裠iv獨(dú)立出來(lái)稱呼為了div+css，貌似跟xhtml可以平起平坐了。就好比你的輩分原本就是晚輩，卻跑去跟長(zhǎng)輩爭(zhēng)上座，太不像話了，不是嗎？
說(shuō)了這么多，無(wú)非是想希望大家以后不要再說(shuō)div+css了，為什么不能再多打2個(gè)字母，改叫xhtml+css呢？如果覺(jué)得這樣還不妥，那就叫網(wǎng)站重構(gòu)吧，你也可以稱自己為網(wǎng)站重構(gòu)工程師，多好聽(tīng)的名字呢，總不能讓別人叫你div+css人員吧。
在《超越CSS》中，他們還是推薦大家少用div，多合理的使用標(biāo)簽，不要遺忘了在xhtml中還有p,form諸多的標(biāo)簽。合理的使用標(biāo)簽，合理的頁(yè)面結(jié)構(gòu)才會(huì)讓你的站點(diǎn)更容易被搜索找到重要內(nèi)容。簡(jiǎn)單說(shuō)吧，大家都知道hn（n=1,2,3,4,5,6）是用在標(biāo)題，那p,form,table是不是也可以讓他們有自己在頁(yè)面結(jié)構(gòu)中的一個(gè)位置呢？
以上只是個(gè)人在文字方面對(duì)網(wǎng)絡(luò)上到處可見(jiàn)的div+css一些看法，文字表達(dá)方面不對(duì)的地方大家批評(píng)，但最終希望的是不要再叫div+css了，div不是主要的東西，主要的是xhtml。
XHTML標(biāo)準(zhǔn)的DIV+CSS布局對(duì)于網(wǎng)站SEO的影響
代碼精簡(jiǎn)
　使用DIV+CSS布局，頁(yè)面代碼精簡(jiǎn)，這一點(diǎn)相信對(duì)XHTML有所了解的都知道。代碼精簡(jiǎn)所帶來(lái)的直接好處有兩點(diǎn)：一是提高spider爬行效率，能在最短的時(shí)間內(nèi)爬完整個(gè)頁(yè)面，這樣對(duì)收錄質(zhì)量有一定好處;二是由于能高效的爬行，就會(huì)受到spider喜歡，這樣對(duì)收錄數(shù)量有一定好處。
　　表格的嵌套問(wèn)題
　　很多SEOer在其文章中稱，搜索引擎一般不抓取三層以上的表格嵌套，這一點(diǎn)一直沒(méi)有得到搜索引擎官方的證實(shí)。我的幾項(xiàng)實(shí)驗(yàn)結(jié)果沒(méi)有完全出來(lái)，但根據(jù)目前掌握的情況來(lái)看，spider爬行Table布局的頁(yè)面，遇到多層表格嵌套時(shí)，會(huì)跳過(guò)嵌套的內(nèi)容或直接放棄整個(gè)頁(yè)面。
　　使用Table布局，為了達(dá)到一定的視覺(jué)效果，不得不套用多個(gè)表格。如果嵌套的表格中是核心內(nèi)容，spider爬行時(shí)跳過(guò)了這一段沒(méi)有抓取到頁(yè)面的核心，這個(gè)頁(yè)面就成了相似頁(yè)面。網(wǎng)站中過(guò)多的相似頁(yè)面會(huì)影響排名及域名信任度。
　　而DIV+CSS布局基本上不會(huì)存在這樣的問(wèn)題，從技術(shù)角度來(lái)說(shuō)，XHTML在控制樣式時(shí)也不需要過(guò)多的嵌套。
　　這雖然沒(méi)有得到確認(rèn)，但還是建議使用Table布局的朋友們，在設(shè)計(jì)時(shí)盡可能的不要使用多層表格嵌套，SEOer們?cè)谖恼轮姓f(shuō)明了這一點(diǎn)，相信他們也不是沒(méi)有依據(jù)的。
　　速度問(wèn)題
　　DIV+CSS布局較Table布局減少了頁(yè)面代碼，加載速度得到很大的提高，這在spider爬行時(shí)是非常有利的。過(guò)多的頁(yè)面代碼可能造成爬行超時(shí)，spider就會(huì)認(rèn)為這個(gè)頁(yè)面無(wú)法訪問(wèn)，影響收錄及權(quán)重。
　　另一方面，真正的SEOer不只是為了追求收錄、排名，快速的響應(yīng)速度是提高用戶體驗(yàn)度的基礎(chǔ)，這對(duì)整個(gè)搜索引擎優(yōu)化及營(yíng)銷都是非常有利的。
　　對(duì)排名的影響
　　基于XTHML標(biāo)準(zhǔn)的DIV+CSS布局，一般在設(shè)計(jì)完成后會(huì)盡可能的完善到能通過(guò)W3C驗(yàn)證。截止目前沒(méi)有搜索引擎表示排名規(guī)則會(huì)傾向于符合W3C標(biāo)準(zhǔn)的網(wǎng)站或頁(yè)面，但事實(shí)證明使用XTHML架構(gòu)的網(wǎng)站排名狀況一般都不錯(cuò)。這一點(diǎn)或許會(huì)有爭(zhēng)議，但樂(lè)思蜀本人保持這樣的觀點(diǎn)，有異議者可以拿三組以上基本同等質(zhì)量的網(wǎng)站對(duì)比觀察。

　　我想，這樣的情況可能不是排名規(guī)則，最大的可能還是spider爬行網(wǎng)站時(shí)，出現(xiàn)以上差異導(dǎo)致收錄質(zhì)量的不同。

　　畢竟廖勝于無(wú)，建議建站或改版的朋友們，技術(shù)許可的情況下，還是選擇DIV+CSS布局為好。
視覺(jué)沖擊力形成的幾種構(gòu)成方式
NO.1：頁(yè)面構(gòu)圖圖形的層次性
圖形和元素之間的層次感，可以達(dá)到一種在干擾視覺(jué)的同時(shí)（我們所說(shuō)的這種視覺(jué)干擾就是在分散欣賞者多余視線的同時(shí)，更能注意到這一設(shè)計(jì)的主題上,為這種干擾方式所產(chǎn)生的圖形是這個(gè)主題的輔助圖形）突出自身所想體現(xiàn)的主題，這種表現(xiàn)方式往往是比較直接而且有效的方式。就如下面我引用的這個(gè)圖形，圖形中那些不規(guī)則的半透明元素、光線、數(shù)字、方塊、以及那些放大了的機(jī)器人構(gòu)成了一定的縱深感和層次性，這寫元素在分散視線的同時(shí)又將欣賞者的視線集中到了中心的GUNDAM Death Scythe和下方的機(jī)器人身上.（這種設(shè)計(jì)方式是現(xiàn)在比較多見(jiàn)的一種設(shè)計(jì)方式。因?yàn)榇蠖鄶?shù)的人都覺(jué)得比較COOL吧.
NO.2：頁(yè)面上構(gòu)圖的視覺(jué)線牽引
利用色彩或者元素來(lái)牽引欣賞者的視覺(jué)，讓欣賞者隨著設(shè)計(jì)師的的思維去思考和觀看作品，而現(xiàn)在存在的大多數(shù)作品都是運(yùn)用點(diǎn)、線、面來(lái)引導(dǎo)，以圖行和元素出現(xiàn)的引導(dǎo)方式的作品比較少見(jiàn)。就像下面的這個(gè)圖形，視覺(jué)的中心是中間的那一條白色的色塊，及當(dāng)中的文字，而在上下的張圖片的交接處出現(xiàn)的那條藍(lán)色的線段，就在牽引欣賞者的視覺(jué)移動(dòng)到圖形中的文字和其他的小的圖形上。
NO.3：色彩誘導(dǎo)、（1，色彩對(duì)比、色彩互補(bǔ)、色彩分散）
NO.4：明暗誘導(dǎo)、利用由光感折射、光感捕捉、動(dòng)態(tài)光感及明暗差異性的一些共性來(lái)襯（運(yùn)用圖一來(lái)解釋）
NO.5：瞬間捕捉、利用眼睛感官的瞬間接受、來(lái)捕捉視覺(jué)點(diǎn)
NO.6：抓突破點(diǎn)、靠突破圖形圖象本身的視覺(jué)平衡點(diǎn)來(lái)達(dá)到視覺(jué)要求運(yùn)用圖片素材的本身來(lái)尋找設(shè)計(jì)的突破點(diǎn)，依據(jù)圖形自身所產(chǎn)生的空間感，光感，等一些突出的地方，來(lái)加以利用，從而突出設(shè)計(jì)的主題。如圖 圖中的電梯產(chǎn)生了強(qiáng)烈的空間感，稍加修飾一張好的平面作品就問(wèn)世了。在如圖片的右下角的那張圖片所產(chǎn)生的廣告和空間感。
NO.7：比例大小、（依據(jù)事物本身的比例關(guān)系，在等比的關(guān)系上追求視覺(jué)上的平衡關(guān)系、
突破事物本身的等比關(guān)系，進(jìn)而推出自身的視覺(jué)重點(diǎn)以求突破）就如一些夸張漫畫那樣，一個(gè)大頭小身子的人物形象，一種夸張的歪曲正常比例的方式，在不經(jīng)意間往往能收來(lái)奇效
NO.8：依據(jù)欣賞者的接受能力，及平常所說(shuō)的感情，利用平時(shí)生活的一些元素，充分考慮欣賞者對(duì)圖形的認(rèn)可能力，以自然美及突破普通接受能力的殘酷美來(lái)打動(dòng)欣賞者的情感， 以獲得人們對(duì)圖形的記憶。(這我就不多說(shuō)了)
NO.9：視覺(jué)幻象、利用視覺(jué)幻象得空間感來(lái)突出整體設(shè)計(jì)的視覺(jué)中心。
NO.10: 利用抽象的表現(xiàn)方式在下面的倆副作品中，作者抽象的運(yùn)用的色塊來(lái)代表海水及陸地，運(yùn)用色彩的對(duì)比突出主題的同時(shí),也起到了一定的娛樂(lè)性，這樣的作品容易讓人有好感，而且比較不容易忘記。
什么是UI
UI的本意是用戶界面，是英文User和　interface的縮寫。從字面上看是用戶與界面2個(gè)組成部分，但實(shí)際上還包括用戶與界面之間的交互關(guān)系，所以這樣可分為3個(gè)方向，他們分別是：用戶研究、交互設(shè)計(jì)、界面設(shè)計(jì)。
1用戶研究。
用戶研究包含兩個(gè)方面：一是可用性工程學(xué)（usability Engineering），研究如何提高產(chǎn)品的可用性，使得系統(tǒng)的設(shè)計(jì)更容易被人使用、學(xué)習(xí)和記憶；二是通過(guò)可用性工程學(xué)的研究，發(fā)掘用戶的潛在需求，為技術(shù)創(chuàng)新提供另外一條思路和方法（consumer insight）。所以有：Usability is all about making things easier to use so people can focus more on the work and less on the tools that help them do the work.
用戶研究是一個(gè)跨學(xué)科的專業(yè)，涉及可用性工程學(xué)、人類功效學(xué)、心理學(xué)、市場(chǎng)研究學(xué)、教育學(xué)、設(shè)計(jì)學(xué)等等學(xué)科。用戶研究技術(shù)是站在人文學(xué)科的角度來(lái)研究產(chǎn)品，站在用戶的角度介入到產(chǎn)品的開(kāi)發(fā)和設(shè)計(jì)中。
用戶研究通過(guò)對(duì)于用戶的工作環(huán)境、產(chǎn)品的使用習(xí)慣等研究，使得在產(chǎn)品開(kāi)發(fā)的前期能夠把用戶對(duì)于產(chǎn)品功能的期望、對(duì)設(shè)計(jì)和外觀方面的要求融入到產(chǎn)品的開(kāi)發(fā)過(guò)程中去，從而幫助企業(yè)完善產(chǎn)品設(shè)計(jì)或者探索一個(gè)新產(chǎn)品概念。
他是得到用戶需求和反饋的途徑，也是檢驗(yàn)界面與交互設(shè)計(jì)是否合理的重要標(biāo)準(zhǔn)。

2交互設(shè)計(jì)。

這部分指人與機(jī)之間的交互工程，在過(guò)去交互設(shè)計(jì)也由程序員來(lái)做，其實(shí)程序員擅長(zhǎng)編碼，而不善于與最終用戶交互。所以，很多的軟件雖然功能比較齊全，但是交互方面設(shè)計(jì)很粗糙，繁瑣難用，學(xué)習(xí)困難。使用這樣的軟件后，不是使人聰明與進(jìn)步而是讓人感到愚弄與羞辱。許多人因?yàn)椴荒懿僮麟娔X軟件而下崗失業(yè)，這樣的交互使電腦成為讓人恐懼的科技怪獸。于是我們把交互設(shè)計(jì)從程序員的工作中分離出來(lái)單獨(dú)成為一個(gè)學(xué)科，也就是人機(jī)交互設(shè)計(jì)。他的目的在于加強(qiáng)軟件的易用、易學(xué)、易理解，使計(jì)算機(jī)真正成為方便地為人類服務(wù)的工具。

3 界面設(shè)計(jì)。

在漫長(zhǎng)的軟件發(fā)展中，界面設(shè)計(jì)工作一直沒(méi)有被重視起來(lái)。做界面設(shè)計(jì)的人也被貶義的稱為“美工”。其實(shí)軟件界面設(shè)計(jì)就像工業(yè)產(chǎn)品中的工業(yè)造型設(shè)計(jì)一樣，是產(chǎn)品的重要買點(diǎn)。一個(gè)友好美觀的界面會(huì)給人帶來(lái)舒適的視覺(jué)享受，拉近人與電腦的距離，為商家創(chuàng)造賣點(diǎn)。界面設(shè)計(jì)不是單純的美術(shù)繪畫，他需要定位使用者、使用環(huán)境、使用方式并且為最終用戶而設(shè)計(jì)，是純粹的科學(xué)性的藝術(shù)設(shè)計(jì)。檢驗(yàn)一個(gè)界面的標(biāo)準(zhǔn)即不是某個(gè)項(xiàng)目開(kāi)發(fā)組領(lǐng)導(dǎo)的意見(jiàn)也不是項(xiàng)目成員投票的結(jié)果，而是最終用戶的感受。所以界面設(shè)計(jì)要和用戶研究緊密結(jié)合，是一個(gè)不斷為最終用戶設(shè)計(jì)滿意視覺(jué)效果的過(guò)程。
畫好線框圖的20個(gè)步驟對(duì)于任何一個(gè)開(kāi)發(fā)項(xiàng)目來(lái)說(shuō)最大的錯(cuò)誤可能就是沒(méi)有計(jì)劃。最近，有些人認(rèn)為開(kāi)始前無(wú)需計(jì)劃，一個(gè)優(yōu)秀的開(kāi)發(fā)者需要的是隨機(jī)應(yīng)變。我敢肯定這樣的做法最后注定是要失敗的。
線框圖是計(jì)劃中的第一步也是最重要的一步。這是將創(chuàng)意轉(zhuǎn)換成客戶使用的程序的第一步。本文將要帶你了解線框圖整個(gè)的流程；包括涉及參與人員，工具等，以便您能夠更好的制作計(jì)劃。

1）了解自己的目標(biāo)
作為一個(gè)開(kāi)發(fā)人員我想大家都有馬上坐下來(lái)開(kāi)始編碼的沖動(dòng)。通常最初的想法都很簡(jiǎn)單，那么你真的可以坐下直接開(kāi)始嗎？答案是否定的，項(xiàng)目很少有那么簡(jiǎn)單的，任何有經(jīng)驗(yàn)的人都知道這樣做將會(huì)有 很多這樣的那樣的問(wèn)題等著你。
一個(gè)線框圖可以有效的提供您的工作效率。修改計(jì)劃內(nèi)容遠(yuǎn)比在工作開(kāi)始后在更正要來(lái)得更容易。這個(gè)過(guò)程也有助于對(duì)項(xiàng)目更深的理解。事先作出計(jì)劃，提出問(wèn)題、意見(jiàn)，以便解決問(wèn)題。
最終制定一個(gè)工作計(jì)劃，規(guī)劃設(shè)計(jì)者，開(kāi)發(fā)者，工程師以及項(xiàng)目經(jīng)理各自的工作內(nèi)容，并且要保證各個(gè)環(huán)節(jié)的配合。

2）重功能，輕外觀
計(jì)劃展示的效果不同主要體現(xiàn)在所采用工具的多樣性。其實(shí)從根本上說(shuō)都是介紹有關(guān)功能部分的應(yīng)用，例如，一個(gè)網(wǎng)頁(yè)將有3個(gè)文本框和2個(gè)按鈕。 這是功能而不是形式。
在Howard Baines我們嚴(yán)格按照這一原則進(jìn)行，并且我們的線框圖只包括一些功能要素（線框，按鈕，下拉菜單等）。我們忽略任何視覺(jué)和布局的東西。其他人可能會(huì)做的更多一些，包括了布局和其他視覺(jué)的元素。這取決于你自己。

3）積累自身經(jīng)驗(yàn)
并不一定要求您具備設(shè)計(jì)和開(kāi)發(fā)的能力，而需要的是在網(wǎng)頁(yè)應(yīng)用或者網(wǎng)站上的經(jīng)驗(yàn)。當(dāng)然經(jīng)驗(yàn)越豐富越好，并且你不需去理解關(guān)系型數(shù)據(jù)庫(kù)只要畫線框。

4）確定負(fù)責(zé)人
確保有人對(duì)整個(gè)計(jì)劃負(fù)責(zé)。他們負(fù)責(zé)跟進(jìn)和管理反饋，變化等。如果一個(gè)項(xiàng)目，那么通常負(fù)責(zé)人是發(fā)起人，因?yàn)樗麄兏宄繕?biāo)所在。如果為客戶提供服務(wù)，我們將會(huì)負(fù)責(zé)計(jì)劃的進(jìn)程。不管是誰(shuí)，只要有人負(fù)責(zé)。

5）涉及每個(gè)人
也許不是第一次會(huì)議，必須在紙上鎖定一個(gè)簡(jiǎn)單的方案并且是涉及關(guān)鍵利益者的想法。很少，參與的人們加快設(shè)計(jì)進(jìn)程。同時(shí)，線框圖的開(kāi)發(fā)涉及你的團(tuán)隊(duì)和客戶團(tuán)隊(duì)。例如，你正在用你現(xiàn)有的數(shù)據(jù)庫(kù)整合你的應(yīng)用程序或者網(wǎng)站，然后確保數(shù)據(jù)庫(kù)所有者可以檢測(cè)所有數(shù)據(jù)庫(kù)中的數(shù)據(jù)字段在你把他們加入到你的線框之前。收集用戶的傳真號(hào)碼如果無(wú)處存放是不好的。同水平的設(shè)計(jì)師對(duì)用戶體驗(yàn)有很好的理解，并且在早期流動(dòng)時(shí)會(huì)存在潛在的問(wèn)題。

6）完成期限
預(yù)先留出時(shí)間和交付期限，對(duì)保持項(xiàng)目運(yùn)行是非常重要的。最初線框圖會(huì)議可以是一天或是幾天，具體取決于應(yīng)用程序的大小，但都需設(shè)定一個(gè)時(shí)期并且堅(jiān)持下去。會(huì)后按記錄跟進(jìn)，以保持項(xiàng)目進(jìn)程。

7）保持清潔
如果一個(gè)特別的網(wǎng)頁(yè)要求兩個(gè)文本框和一個(gè)按鈕，那么只要有這些即可，不多不少。

8）避免設(shè)計(jì)的線框圖太多
線框圖只要闡述如何達(dá)到所需功能，不包括任何介紹和設(shè)計(jì)的內(nèi)容。應(yīng)盡量避免任何有關(guān)設(shè)計(jì)的內(nèi)容，這樣很容易分散客戶的注意力。例如：為了更生動(dòng)而增加一些藍(lán)色，那么有可能需要半小時(shí)的時(shí)間 去解釋關(guān)于藍(lán)色的用意。這些設(shè)計(jì)的內(nèi)容應(yīng)該是設(shè)計(jì)師的工作。

9）記住用戶界面不是用戶體驗(yàn)
想一些使用的介紹方法是極其誘人，比如AJAX。注意：線框圖是關(guān)于功能元素而不是方案展示或者互動(dòng)的方法。為了更直觀的展示應(yīng)用，應(yīng)盡量避免AJAX，應(yīng)側(cè)重于線框圖。

10）想想用戶
這是很顯然的，但是在規(guī)劃線框圖過(guò)程中還是很容易忽略這一點(diǎn)。我們的重點(diǎn)是功能，但是同樣要考慮用戶的體驗(yàn)。例如，如果你做了一個(gè)三頁(yè)長(zhǎng)的注冊(cè)表單，可能發(fā)現(xiàn)很多人都是無(wú)法完成的。

11）不要懶惰
我們常聽(tīng)到：登陸頁(yè)面是簡(jiǎn)單，可以不用寫在線框圖內(nèi)。確保線框圖包含計(jì)劃的所有內(nèi)容。在項(xiàng)目的末尾你應(yīng)該有一個(gè)詳細(xì)的說(shuō)明。每一步都不應(yīng)被忽略。

12）將線框圖分成幾個(gè)部分
一個(gè)網(wǎng)站地圖或者應(yīng)用被經(jīng)常分為幾個(gè)部分，比如新聞，產(chǎn)品，和用戶賬戶。這樣做更容易理解。

13）頁(yè)面的數(shù)量
一個(gè)網(wǎng)頁(yè)的應(yīng)用往往包含了若干程序；結(jié)算就是一個(gè)很好的例子。通常是線性的，但是有時(shí)用戶會(huì)選擇不同步驟，例如跳過(guò)一步。顯然你文檔中的一些頁(yè)面和頁(yè)面中的標(biāo)簽（例如點(diǎn)擊按鈕）讓用戶跳轉(zhuǎn)。

14）重復(fù)性
應(yīng)用中的一致性可以有效地幫助用戶，開(kāi)發(fā)和設(shè)計(jì)者。組的重復(fù)元素是一件好事。例如，無(wú)論用戶輸入一個(gè)地址，將會(huì)是同樣的地方在同樣的命令。在規(guī)劃線框圖時(shí)就可以將其表示出來(lái)。

15）全部檢查是有意義的
最終文檔應(yīng)該讓任何人都能簡(jiǎn)單的操作。如果只是一個(gè)開(kāi)發(fā)可以理解你的線框圖，那么肯定是有問(wèn)題的。最后問(wèn)一下對(duì)這個(gè)項(xiàng)目什么都沒(méi)有做的人，他們是否能理解。

16）廣告也是功能
很多網(wǎng)站都有收費(fèi)廣告，這可能和google的廣告一樣簡(jiǎn)單，但他是功能而不是設(shè)計(jì)，所以也包括在內(nèi)。

17）這不僅僅是公開(kāi)網(wǎng)站
很多網(wǎng)站有一個(gè)管理區(qū)域用來(lái)管理內(nèi)容，瀏覽注冊(cè)用戶概況，重設(shè)密碼等。這個(gè)功能許多人都用不到，但是也很重要。很多時(shí)候這可能包含一些不公開(kāi)的數(shù)據(jù)（例如用戶賬戶啟用按鈕）。這對(duì)于開(kāi)發(fā)在設(shè)計(jì)數(shù)據(jù)庫(kù)時(shí)是很重要的信息。

18）知道什么時(shí)候結(jié)束
確保所有的利益相關(guān)者有機(jī)會(huì)去給反饋，但不把這種鍛煉成畫西斯廷教堂。通常情況下，可以說(shuō)三步就能把工作確定下來(lái)。第一，把想法寫在紙上；第二，從其他人那里得到反饋意見(jiàn)，比如，開(kāi)發(fā)和設(shè)計(jì)者；第三定稿。

19）選擇正確的工具
用紙和筆比用電腦更能抓住你的想法和創(chuàng)意。一旦你開(kāi)始設(shè)計(jì)你的文檔我們建議使用你更喜歡的工具。例如，開(kāi)發(fā)者可以用Microsoft Visio,項(xiàng)目經(jīng)理用PowerPoint，設(shè)計(jì)者用AdobeFireworks。
我認(rèn)為線框圖應(yīng)該是一篇文檔而不僅僅是交互交流（像設(shè)計(jì)，可能被分散注意力）因此設(shè)計(jì)html可能不是最好的。
有很多線框圖的工具，例如Balsamiq提供環(huán)境幫助很快的增加和自定義普遍的界面元素。他們可以給它一個(gè)手繪的感覺(jué)，提供一個(gè)視覺(jué)工具而不是真正開(kāi)始的設(shè)計(jì)。

20）考慮相依性

每個(gè)人都知道一個(gè)購(gòu)物車的流程是什么吧？因此很容易畫成線框圖并且放在一邊。如果你用第三方支付工具例如PayPal?那么也許影響部分網(wǎng)站的工作。研究相依性，做出相應(yīng)的修改。這在開(kāi)始時(shí)更容易做到。
希望這篇文章可以提供一個(gè)清晰的畫線框的思路，誰(shuí)參與，如何完成，工具如何使用，最后的輸出怎么樣。最終的事情是，好的完整的線框可以節(jié)省你的時(shí)間。

用戶體驗(yàn)設(shè)計(jì)
　一、什么是用戶體驗(yàn)設(shè)計(jì)？用戶體驗(yàn)設(shè)計(jì)的名詞解釋
　　用戶體驗(yàn)（User Experience，簡(jiǎn)稱UE）是一種純主觀的在用戶使用一個(gè)產(chǎn)品（服務(wù)）的過(guò)程中建立起來(lái)的心理感受。因?yàn)樗羌冎饔^的，就帶有一定的不確定因素。個(gè)體差異也決定了每個(gè)用戶的真實(shí)體驗(yàn)是無(wú)法通過(guò)其他途徑來(lái)完全模擬或再現(xiàn)的。但是對(duì)于一個(gè)界定明確的用戶群體來(lái)講，其用戶體驗(yàn)的共性是能夠經(jīng)由良好設(shè)計(jì)的實(shí)驗(yàn)來(lái)認(rèn)識(shí)到。
　　用戶體驗(yàn)主要是來(lái)自用戶和人機(jī)界面的交互過(guò)程。在早期的軟件設(shè)計(jì)過(guò)程中，人機(jī)界面被看做僅僅是一層包裹于功能核心之外的“包裝”而沒(méi)有得到足夠的重視。其結(jié)果就是對(duì)人機(jī)界面的開(kāi)發(fā)是獨(dú)立于功能核心的開(kāi)發(fā)，而且往往是在整個(gè)開(kāi)發(fā)過(guò)程的尾聲部分才開(kāi)始的。這種方式極大地限制了對(duì)人機(jī)交互的設(shè)計(jì)，其結(jié)果帶有很大的風(fēng)險(xiǎn)性。因?yàn)樵谧詈箅A段再修改功能核心的設(shè)計(jì)代價(jià)巨大，犧牲人機(jī)交互界面便是唯一的出路。這種帶有猜測(cè)性和賭博性的開(kāi)發(fā)幾乎是難以獲得令人滿意的用戶體驗(yàn)。至于客戶服務(wù)，從廣義上說(shuō)也是用戶體驗(yàn)的一部分，因?yàn)樗峭a(chǎn)品自身的設(shè)計(jì)分不開(kāi)的?？蛻舴?wù)更多的是對(duì)人員素質(zhì)的要求，而已經(jīng)難以改變已經(jīng)完成并投入市場(chǎng)的產(chǎn)品了。但是一個(gè)好的設(shè)計(jì)可以減少用戶對(duì)客戶服務(wù)的需要，從而減少公司在客戶服務(wù)方面的投入，也降低由于客戶服務(wù)質(zhì)量引發(fā)用戶流失的機(jī)率。
　　現(xiàn)在流行的設(shè)計(jì)過(guò)程注重以用戶為中心。用戶體驗(yàn)的概念從開(kāi)發(fā)的最早期就開(kāi)始進(jìn)入整個(gè)流程，并貫穿始終。其目的就是保證（1）對(duì)用戶體驗(yàn)有正確的預(yù)估（2）認(rèn)識(shí)用戶的真實(shí)期望和目的（3）在功能核心還能夠以低廉成本加以修改的時(shí)候?qū)υO(shè)計(jì)進(jìn)行修正（4）保證功能核心同人機(jī)界面之間的協(xié)調(diào)工作，減少BUG。
　　在具體的實(shí)施上，就包括了早期的focus group（焦點(diǎn)小組），contextual interview，和開(kāi)發(fā)過(guò)程中的多次usability study（可用性實(shí)驗(yàn)），以及后期的user test（用戶測(cè)試）。在設(shè)計(jì)--測(cè)試--修改這個(gè)反復(fù)循環(huán)的開(kāi)發(fā)流程中，可用性實(shí)驗(yàn)為何時(shí)出離該循環(huán)提供了可量化的指標(biāo)。
　　二、用戶體驗(yàn)設(shè)計(jì)師的職責(zé)主要有哪些？
　　用戶體驗(yàn)設(shè)計(jì)師——user experience design，國(guó)外叫UXD，國(guó)內(nèi)也簡(jiǎn)稱UE設(shè)計(jì)。
　　我們來(lái)分析一則國(guó)外的UE設(shè)計(jì)師招聘要求，看看你還需要欠缺什么吧：
　　我們正在尋找一名高級(jí)用戶體驗(yàn)設(shè)計(jì)師加入我們的產(chǎn)品設(shè)計(jì)團(tuán)隊(duì)。
　　We are looking for someone to join our growing Product Design group as a sr.
　　user experience designer.
　　指責(zé)包括產(chǎn)品創(chuàng)新，界面視覺(jué)引導(dǎo)，原型設(shè)計(jì)，與開(kāi)發(fā)一起推動(dòng)設(shè)計(jì)實(shí)現(xiàn)。
　　Responsibilities include producing innovative,visually appealing human interface designs; creating design prototypes;working with developers to make designs a reality.
　　我們需要這個(gè)人可以獨(dú)立工作，和團(tuán)隊(duì)成員合作，交流各種想法，畫出原型，參與產(chǎn)品整個(gè)的周期。
　　We need someone who can work independently, engage team members, communicate ideas, create prototypes, and finally work with team members throughout the release cycle of the product. This position reports to the Principal Designer.
　　日常的工作包括:Day-to-Day Activities:
　　* 基于人機(jī)交互、圖形化設(shè)計(jì)、界面設(shè)計(jì)和其他相關(guān)理論，進(jìn)行設(shè)計(jì)。
　　Generate designs based on common sets of HCI, graphic design, interface design and other relevant theories
　　* 畫出不同層次的原型：紙上的，框架的，可交互的網(wǎng)頁(yè)，F(xiàn)lash的。
　　Create prototypes at different levels of fidelity: paper, wireframe,interactive HTML, and Flash
　　* 到不同的部門演示概念和想法，組織反饋意見(jiàn)。
　　Present ideas and concepts to x-functional teams and incorporate feedback accordingly
　　* 生成視覺(jué)元素比如icon,邊框，用戶控件，窗口規(guī)范，圖形化的布局
　　Create visual elements such as icons, borders, custom widgets, window treatments, and graphical layouts
　　* 同產(chǎn)品設(shè)計(jì)團(tuán)隊(duì)合作去發(fā)展一些重要附加值的概念，還有修訂產(chǎn)品。
　　Collaborate with Product Design team to develop concepts of key additions and edits for the product
　　* 同商業(yè)方面的專家、市場(chǎng)部溝通，確認(rèn)設(shè)計(jì)并得到認(rèn)可。
　　Communicate designs to business specialists and marketing team members for validation and buy-in.
　　* 同開(kāi)發(fā)人員溝通，提供明確的定義和執(zhí)行的方向。
　　Communicate designs to development and provide definition and direction during implementation
　　* 同質(zhì)量控制部門溝通，提供在測(cè)試階段需要的清晰理解。
　　Communicate designs to quality control and provide clarifications during the testing phase
　　* 同首席設(shè)計(jì)師和產(chǎn)品設(shè)計(jì)團(tuán)隊(duì)一起工作，符合內(nèi)部設(shè)計(jì)流程和標(biāo)準(zhǔn)。
　　Work with Principal Designer and Product Design team to evolve internal design process and standards.
　　* 需要1/10的時(shí)間出差。
　　This job requires 10% travel
　　資格條件：Qualifications & Requirements:
　　* 在應(yīng)用程序的交互設(shè)計(jì)方面（界面設(shè)計(jì)，產(chǎn)品設(shè)計(jì)）有4-5年的工作經(jīng)驗(yàn)。在web應(yīng)用和桌面應(yīng)用方面有扎實(shí)的經(jīng)驗(yàn)。
　　4-5 years experience in application interaction design (UI Design, Product Design); solid experience with both web applications (not web sites) and desktop applications
　　* 設(shè)計(jì)、人機(jī)交互、可用性專業(yè)或者可以展示對(duì)設(shè)計(jì)的理解、交互設(shè)計(jì)理論和實(shí)踐的能力。
　　Education in design, HCI, usability or ability to display formal understanding of design and HCI theory and practice
　　* 理解室內(nèi)產(chǎn)品設(shè)計(jì)的生命周期。
　　Understand in-house product design lifecycle
　　* 優(yōu)秀的交流技巧：書寫和口頭。
　　Good communication skills: written and verbal
　　* 了解基于瀏覽器和客戶端的技術(shù)(HTML, Java, Flash,.NET)。
　　Knowledge of browser-based and desktop technologies (HTML, Java, Flash,.NET)
　　* 原型技術(shù)，包括DHTML, Dream Weaver, Flash或類似的。
　　Prototyping skills using DHTML, Dream Weaver, Flash, or similar
　　* 有開(kāi)發(fā)和運(yùn)行可用性測(cè)試的經(jīng)驗(yàn)。
　　Experience with developing and running usability testing
　　* 有行業(yè)研究經(jīng)驗(yàn)（Cooper的目標(biāo)導(dǎo)向設(shè)計(jì)方法優(yōu)先）
　　Experience with field research (goal-directed method by Cooper is preferred).
　　* 可以使用設(shè)計(jì)過(guò)程描述清楚問(wèn)題如何產(chǎn)生以及如何解決，無(wú)論是獨(dú)立工作還是和團(tuán)隊(duì)一起。
　　Should demonstrate ability to use design processes for problem definition and solution creation while working individually and with a group
　　* 可以創(chuàng)造出圖形元素：icon,控件，窗口，邊框，數(shù)據(jù)布局。
　　Ability to create graphical elements: icons, widgets, windowing and boarders, data layout

如何理解用戶體驗(yàn)設(shè)計(jì)和其他概念的區(qū)別
可以看到在很多層面上UX（用戶體驗(yàn)設(shè)計(jì)師）和IA （信息架構(gòu)設(shè)計(jì)師）以及UE（使用性測(cè)試專家）的職責(zé)都是重合的。這里我把ux和ue的縮寫分開(kāi)了，為了能夠更清楚的區(qū)分。

在我加入的交互設(shè)計(jì)師討論組里，國(guó)外的設(shè)計(jì)師也在對(duì)這些名字，職責(zé)等討論不休，管理員幾次制止無(wú)意義的名稱討論都不能夠，呵呵。其實(shí)大家遇到了很相似的問(wèn)題。有一個(gè)得到大多數(shù)人認(rèn)同的一件就是廣義的IA其實(shí)可以就是UX。不知道你們是否同意？

其實(shí)我覺(jué)得我們應(yīng)該仔細(xì)討論一下每一個(gè)參與UI設(shè)計(jì)的人員的不同的分工和合作方式，至于叫什么名字并不重要，我們可以用主要參與XXX工作的人員來(lái)指代，我覺(jué)得這樣是不是清楚一些？

廣義的IA其實(shí)可以就是UX？
同意～
其實(shí)列這個(gè)帖子不是想那UX和IA的職責(zé)區(qū)分清楚，作為一個(gè)新的領(lǐng)域，分工還沒(méi)法做到這么的細(xì)致～只是想，UX，IA到底要做哪些工作，怎樣的工作方式，在產(chǎn)品開(kāi)發(fā)團(tuán)隊(duì)里處于怎樣的位置。因?yàn)閁X要把公司的戰(zhàn)略推廣到用戶那里去，又研究HCI，用戶心理，是公司和用戶的溝通橋梁，這樣的一個(gè)橋梁，在公司處于什么地位，怎樣的開(kāi)展工作。。
看了這些招聘的職位描述，感覺(jué)還是有些收獲的～

關(guān)于大 IA 小 IA 的討論前段時(shí)間在交互設(shè)計(jì)師討論組里很火，然后看到了一些成員們寫的和推薦的文章。首先Peter Morville 的一篇叫做 Big Architect, Little Architect 的文章里提出大IA實(shí)際上就像樂(lè)隊(duì)指揮或者電影導(dǎo)演一樣指導(dǎo)著整個(gè)團(tuán)隊(duì)的用戶研究方向。而 Peter Boersma 則進(jìn)一步在他的blog中寫道是時(shí)候?qū)⒋驣A重新命名為用戶體驗(yàn)了。

我個(gè)人非常同意這個(gè)觀點(diǎn)。其實(shí)UX相當(dāng)于整個(gè)團(tuán)隊(duì)用戶界面方面的靈魂人物，全面負(fù)責(zé)界面的整體使用性和用戶體驗(yàn)。

Peter Boersma 并且總結(jié)了一個(gè)T 字模型：

IA 的縱向橫向顯然是有重疊的。縱向其實(shí)就是以前所講的小IA，包括瀏覽，命名，內(nèi)容等等。而這些和交互設(shè)計(jì)（interaction design ）， 市場(chǎng)營(yíng)銷 （Marketing）以及文案撰寫 （copyrighting）都是有重疊的。而小IA再往深了走，就牽扯到了更技術(shù)化的IA，包括搜索，元數(shù)據(jù) （Metadata）和控制性詞匯（controlled vacabulary）等。

那么如果我們從一個(gè)交互設(shè)計(jì)師的角度去看這個(gè)T模型，交互設(shè)計(jì)的縱向又和IA是平行的，而他們所要求的橫向呢，其實(shí)和IA的是一樣的，這樣將來(lái)實(shí)際上對(duì)于使用性測(cè)試人員和文案撰寫人員，視覺(jué)界面設(shè)計(jì)師等都是相同的情況：

這樣，實(shí)際上這個(gè)覆蓋了各個(gè)縱向的橫向的領(lǐng)域就是User Experience：

我個(gè)人認(rèn)同這個(gè)對(duì)于UX的工作的定位。實(shí)際上由于這個(gè)模型是從是IA的人提出的，所以講大IA 和小IA， 如果是做圖形界面出身的人員，這個(gè)模型就會(huì)變成大UI和小UI了。正如國(guó)內(nèi)總是把圖形界面設(shè)計(jì)叫做UI，我覺(jué)得這個(gè)GUI其實(shí)就相當(dāng)于小UI，也就是從IA角度出發(fā)的小IA。

我們很多人可能都是某一個(gè)縱向的小分支做出來(lái)在進(jìn)入到橫向的全面的領(lǐng)域的。理想的狀態(tài)下從事UX的人員應(yīng)該具有橫向的宏觀調(diào)控能力以及某一個(gè)縱向的技術(shù)背景。

如何管理用戶體驗(yàn)設(shè)計(jì)

用戶體驗(yàn)設(shè)計(jì)目標(biāo)是什么？最重要的是要讓產(chǎn)品有用，這個(gè)有用是指用戶的需求。蘋果90年代出來(lái)第一款PDA手機(jī)，叫牛頓，是非常失敗的一個(gè)案例。在那個(gè)年代，其實(shí)很多人并沒(méi)有PDA的需求，蘋果把90％以上的投資放到他1％的市場(chǎng)份額上，所以失敗勢(shì)在必然。

其次是易用，這非常關(guān)鍵。不容易使用的產(chǎn)品，也是沒(méi)用的。市場(chǎng)上手機(jī)有一百五十多種品牌，每一個(gè)手機(jī)有一兩百種功能，當(dāng)用戶買到這個(gè)手機(jī)的時(shí)候，他不知道怎么去用，一百多個(gè)功能他真的可能用的就五、六個(gè)功能。當(dāng)他不理解這個(gè)產(chǎn)品對(duì)他有什么用，他可能就不會(huì)花錢去買這個(gè)手機(jī)。產(chǎn)品要讓用戶一看就知道怎么去用，而不要去讀說(shuō)明書。這也是設(shè)計(jì)的一個(gè)方向。

設(shè)計(jì)的下一個(gè)方向就是友好。最早的時(shí)候，加入百度聯(lián)盟，百度批準(zhǔn)后，發(fā)這樣一個(gè)郵件：百度已經(jīng)批準(zhǔn)你加入百度的聯(lián)盟。批準(zhǔn)，這個(gè)語(yǔ)調(diào)讓人非常非常難受。所以現(xiàn)在說(shuō)：祝賀你成為百度聯(lián)盟的會(huì)員。文字上的這種感覺(jué)也是用戶體驗(yàn)的一個(gè)細(xì)節(jié)。

視覺(jué)設(shè)計(jì)的目的其實(shí)是要傳遞一種信息，是讓產(chǎn)品產(chǎn)生一種吸引力。是這種吸引力讓用戶覺(jué)得這個(gè)產(chǎn)品可愛(ài)。“蘋果”這個(gè)產(chǎn)品其實(shí)就有這樣一個(gè)概念，就是能夠讓用戶在視覺(jué)上受到吸引，愛(ài)上這個(gè)產(chǎn)品。視覺(jué)能創(chuàng)造出用戶黏度。

前四者做好，就融會(huì)貫通上升到品牌。這個(gè)時(shí)候去做市場(chǎng)推廣，可以做很好的事情。前四個(gè)基礎(chǔ)沒(méi)做好，推廣越多，用戶用得不好，他會(huì)馬上走，而且永遠(yuǎn)不會(huì)再來(lái)。他還會(huì)告訴另外一個(gè)人說(shuō)這個(gè)東西很難用。

用戶體驗(yàn)設(shè)計(jì)經(jīng)常犯的錯(cuò)誤是，直接開(kāi)發(fā)直接上線。很多人說(shuō)，互聯(lián)網(wǎng)作為一個(gè)實(shí)驗(yàn)室，我一上線就可以知道結(jié)果了。這當(dāng)然也是一個(gè)正確的理念。但是在上線之前有太多的錯(cuò)誤，那么就會(huì)大大地影響事態(tài)結(jié)局。一開(kāi)始的時(shí)候就能很準(zhǔn)確地作出一些判斷，作出一些取舍，在互聯(lián)網(wǎng)這個(gè)實(shí)驗(yàn)室里，才能夠做得更好。

用戶需求是根本，但用戶需求不一定是功能

百度在半年前推出空間，從功能上來(lái)說(shuō)它比較其他同類產(chǎn)品沒(méi)有什么特別大的變化，就是三個(gè)最基本的功能：上傳文章，上傳圖片，交友。這三個(gè)功能，所有博客都有做，而且有更多的功能。但是那個(gè)時(shí)候，大部分的博客，不管是CSP還是門戶網(wǎng)站，都不能解決一個(gè)問(wèn)題：速度。性能很不穩(wěn)定，文章上傳了