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

1、網(wǎng)站優(yōu)化網(wǎng)站（Search Engine Optimization），漢譯為搜索引擎優(yōu)化，為近年來(lái)較為流行的網(wǎng)絡(luò)營(yíng)銷方式，主要目的是增加特定關(guān)鍵字的曝光率以增加網(wǎng)站的能見(jiàn)度，進(jìn)而增加銷售的機(jī)會(huì)。分為站外網(wǎng)站和站內(nèi)網(wǎng)站兩種.S做網(wǎng)站制作或者網(wǎng)絡(luò)推廣的人估計(jì)沒(méi)有誰(shuí)不知道網(wǎng)站的，即搜索引擎優(yōu)化，這是一種利用搜索引擎的搜索規(guī)則來(lái)提高目的網(wǎng)站在有關(guān)搜索引擎內(nèi)的排名的方式。由于不少研究發(fā)現(xiàn)，搜索引擎的用戶往往只會(huì)留意搜索結(jié)果最前面的幾個(gè)條目，所以不少網(wǎng)站都希望通過(guò)各種形式來(lái)影響搜索引擎的排序。當(dāng)中尤以各種依靠廣告維生的網(wǎng)站為甚。所謂“針對(duì)搜索引擎作最佳化的處理”，是指為了要讓網(wǎng)站更容易被搜索引擎接受EO的

2、主要工作是通過(guò)了解各類搜索引擎如何抓取互聯(lián)網(wǎng)頁(yè)面、如何進(jìn)行索引以及如何確定其對(duì)某一特定關(guān)鍵詞的搜索結(jié)果排名等技術(shù)，來(lái)對(duì)網(wǎng)頁(yè)進(jìn)行相關(guān)的優(yōu)化，使其提高搜索引擎排名，從而提高網(wǎng)站訪問(wèn)量，最終提升網(wǎng)站的銷售能力或宣傳能力的技術(shù)。網(wǎng)站是通過(guò)采用易于搜索引擎索引的合理手段，使網(wǎng)站對(duì)用戶和搜索引擎更友好（Search Engine Friendly），從而更容易被搜索引擎收錄及優(yōu)先排序。搜索引擎優(yōu)化是一種搜索引擎營(yíng)銷指導(dǎo)思想，而不僅僅是對(duì)百度和google等的排名。搜索引擎優(yōu)化工作貫穿網(wǎng)站策劃、建設(shè)、維護(hù)全過(guò)程的每個(gè)細(xì)節(jié)，值得網(wǎng)站設(shè)計(jì)、開(kāi)發(fā)和推廣的每個(gè)參與人員了解其職責(zé)對(duì)于網(wǎng)站效果的意義。網(wǎng)站僅僅只是網(wǎng)絡(luò)營(yíng)

3、銷的一種手段，一定不要為了網(wǎng)站而網(wǎng)站?，F(xiàn)在業(yè)界比較普遍的看法是UE（用戶體驗(yàn)）第一網(wǎng)站第二，最終達(dá)到UE與網(wǎng)站的統(tǒng)一。因?yàn)樗阉饕孀罱K的意愿是尊重用戶的選擇，也就是用戶覺(jué)得好的網(wǎng)站排在前列！所以學(xué)習(xí)網(wǎng)站的最終目的是忘記網(wǎng)站 。從用戶體驗(yàn)的角度 來(lái)看看網(wǎng)站的大勢(shì)所趨這次給大家介紹的是我對(duì)“用戶體驗(yàn)”與搜索引擎排名之間的關(guān)系的一些觀點(diǎn)。因?yàn)闀r(shí)間關(guān)系，可能文章的某些句子不通順，請(qǐng)各位見(jiàn)諒，文章內(nèi)容均為本人猜測(cè)，不保證為正確觀點(diǎn)。在 網(wǎng)站中常常會(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í)候滿不以為然，什么叫做

4、用戶體驗(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跟

5、獨(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í)功能

6、，那么您所訪問(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 toolb

7、ar和百度工具欄的人畢竟是少數(shù)??？關(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)重的新站不要網(wǎng)站的太明顯，適當(dāng)即可，不然排名上去了也是很容易掉下來(lái)的。搜索引擎的算法在不斷進(jìn)步，網(wǎng)站er想要跟上

8、步伐只能從搜索引擎最根本的初衷出發(fā)去思考問(wèn)題。注意搜索引擎優(yōu)化網(wǎng)站的幾點(diǎn)忌諱網(wǎng)站必須掌握好度，優(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ì)喜

9、歡的，在建站之初，就應(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)部鏈接很多的網(wǎng)站工程師都知道，一個(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ò)

10、量的關(guān)鍵詞鏈接，也會(huì)被搜索引擎處罰。建議對(duì)于高權(quán)重的網(wǎng)頁(yè)放置重點(diǎn)目標(biāo)關(guān)鍵詞鏈接，不要超過(guò)10個(gè)，而且這些鏈接放置的位置也是相當(dāng)重要!四、keywords和description一些剛接觸網(wǎng)站的朋友，很喜歡在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)站是否存在網(wǎng)站 SPAM，雖說(shuō)我們沒(méi)有得到官方權(quán)威的信息。但是我們依

11、然可以根據(jù)實(shí)踐經(jīng)驗(yàn)，得到一些重要的信息。不要刻意強(qiáng)調(diào)搜索引擎優(yōu)化技術(shù)中某個(gè)環(huán)節(jié)的重要，要講求平衡。所以，自然的搜索引擎優(yōu)化才不會(huì)出現(xiàn)網(wǎng)站過(guò)度的問(wèn)題。對(duì)于網(wǎng)站過(guò)度的問(wèn)題，還有一個(gè)重要的問(wèn)題需要說(shuō)明，搜索引擎處罰網(wǎng)站的方式，不一定就是直接封殺網(wǎng)站，也有可能是降低網(wǎng)站排名或者降低權(quán)重。這些處罰的輕重會(huì)根據(jù)網(wǎng)站網(wǎng)站過(guò)度的程度而定。網(wǎng)站必須要有一個(gè)好心態(tài)，不可太急躁。尤其百度對(duì)新站收錄極慢，一個(gè)針對(duì)百度優(yōu)化的新站，必須做好打持久戰(zhàn)的準(zhǔn)備。搜索引擎為何會(huì)受到歡迎，就是因?yàn)橛脩裟茉谏厦嬲业叫枰臇|西，而搜索引擎對(duì)網(wǎng)站的要求也同樣如此，做網(wǎng)站要多站在用戶的角度考慮，搜索引擎的算法是經(jīng)常改進(jìn)的，作弊的網(wǎng)站，就算

12、能一時(shí)得逞，但終有一天，會(huì)被k掉。所以，在網(wǎng)站制作過(guò)程中，應(yīng)該多了解網(wǎng)站的忌諱，避免觸底線。六方面談網(wǎng)站常用的優(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)就更好了。但是這里咱們得提醒一下，如果咱

13、們要是優(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)鍵字(K

14、eywords-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í)的方向作為網(wǎng)站咱們應(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

15、的時(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è)面的底部。鏈接的錨

16、文本如果搜索引擎發(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)化(網(wǎng)站)1) 一個(gè)網(wǎng)站要有好的網(wǎng)站優(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)站

17、的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 和百度網(wǎng)站優(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)

18、站布局和層級(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)站

19、描述。 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è)路徑加上鏈接。有利于

20、網(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)站。因此，除非

21、你的網(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通常以公

22、司名+關(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)鍵詞。

23、四、網(wǎng)站維護(hù)優(yōu)化 1、網(wǎng)站內(nèi)容的更新：在網(wǎng)站后臺(tái)設(shè)置便于做網(wǎng)站制作或者網(wǎng)絡(luò)推廣的人估計(jì)沒(méi)有誰(shuí)不知道網(wǎng)站的，即搜索引擎優(yōu)化，這是一種利用搜索引擎的搜索規(guī)則來(lái)提高目的網(wǎng)站在有關(guān)搜索引擎內(nèi)的排名的方式。由于不少研究發(fā)現(xiàn)，搜索引擎的用戶往往只會(huì)留意搜索結(jié)果最前面的幾個(gè)條目，所以不少網(wǎng)站都希望通過(guò)各種形式來(lái)影響搜索引擎的排序。當(dāng)中尤以各種依靠廣告維生的網(wǎng)站為甚。所謂“針對(duì)搜索引擎作最佳化的處理”，是指為了要讓網(wǎng)站更容易被搜索引擎接受網(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)，以便

24、于在前臺(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)之路()更新后有很多網(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的原

25、意是指垃圾郵件，引申在搜索引擎方面就是對(duì)搜索引擎的欺騙行為了。反SPAM就是為了User experience（用戶體驗(yàn)），百度的標(biāo)準(zhǔn)是，用戶體驗(yàn)高于一切，其他任何SPAM行為都將遭到封殺。 我們做網(wǎng)站的原則并不是為了排名而做，而是更好的提高用戶體驗(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)站，但是你要知

26、道，百度的工作人員再多，也多不過(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ò)分的網(wǎng)站優(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ì)

27、去索引你的描述，也不會(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 o

28、rganization: XX公司，Registrant Name: 張三，Administrative email: test，假如我的判斷沒(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ò)，那就有可能是百度的“連坐措施”了，假如你的站鏈接了

29、一個(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)放棄key

30、words和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)

31、有。 第二條：一般來(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)址 第三條：并不是說(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)并不是可怕的

32、事，起碼還沒(méi)有被K，這就是復(fù)活的希望，去掉刻意優(yōu)化的痕跡，加多一些原創(chuàng)文字，再加一些高質(zhì)量鏈接，復(fù)活一定指日可待。網(wǎng)站網(wǎng)站并非一定需要靜態(tài)化在國(guó)內(nèi)，很多“網(wǎng)站專家”給客戶網(wǎng)站的第一診斷結(jié)果就是要頁(yè)面靜態(tài)化。這倒不是因?yàn)閯?dòng)態(tài)頁(yè)面就做不了網(wǎng)站，而是相對(duì)靜態(tài)頁(yè)面而言，動(dòng)態(tài)頁(yè)面的網(wǎng)站更加難做，受“網(wǎng)站專家”的技術(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)的靜

33、態(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ì)于網(wǎng)站優(yōu)化，我們不需要真正靜態(tài)化，只需要假裝就可以

34、了。動(dòng)態(tài)頁(yè)面也一樣能夠做好網(wǎng)站優(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)化”的方法，以避免

35、真正靜態(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í)的方式，并提供

36、手工觸發(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)站網(wǎng)站來(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理

37、事會(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)行

38、在自己的機(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+

39、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

40、布局轉(zhuǎn)變過(guò)來(lái)，也包括我自己在內(nèi)?？戳司W(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，貌

41、似跟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,t

42、able是不是也可以讓他們有自己在頁(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)站網(wǎng)站的影響代碼精簡(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)題很多網(wǎng)站er在其文章

43、中稱，搜索引擎一般不抓取三層以上的表格嵌套，這一點(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布局的朋

44、友們，在設(shè)計(jì)時(shí)盡可能的不要使用多層表格嵌套，網(wǎng)站er們?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)重。另一方面，真正的網(wǎng)站er不只是為了追求收錄、排名，快速的響應(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)站或

45、頁(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è)主題的輔助圖形）突出自

46、身所想體現(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è)圖形，

47、視覺(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)烈的空間感，稍加修飾一張

48、好的平面作品就問(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: 利

49、用抽象的表現(xiàn)方式在下面的倆副作品中，作者抽象的運(yùn)用的色塊來(lái)代表海水及陸地，運(yùn)用色彩的對(duì)比突出主題的同時(shí),也起到了一定的娛樂(lè)性，這樣的作品容易讓人有好感，而且比較不容易忘記。什么是UIUI的本意是用戶界面，是英文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ā)掘用戶的潛在需求

50、，為技術(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í)慣等研究，使得在

51、產(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é)

52、科，也就是人機(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é)合，是

53、一個(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)

54、題等著你。一個(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é)和布局的東西。其他人可

55、能會(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)有很好的理解，并且在