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

SEO 優(yōu)化：DIV+CSSSEO（Search Engine Optimization），漢譯為搜索引擎優(yōu)化，為近年來較為流行的 網(wǎng)絡(luò)營銷方式， 主要目的是增加特定關(guān)鍵字的曝光率以增加網(wǎng)站的能見度， 進而增加銷售的 機會。 分為站外 SEO 和站內(nèi) SEO 兩種.SEO 的主要工作是通過了解各類搜索引擎如何抓取 互聯(lián)網(wǎng)頁面、 如何進行索引以及如何確定其對某一特定關(guān)鍵詞的搜索結(jié)果排名等技術(shù)， 來對 網(wǎng)頁進行相關(guān)的優(yōu)化，使其提高搜索引擎排名，從而提高網(wǎng)站訪問量，最終提升網(wǎng)站的銷售 能力或宣傳能力的技術(shù)。SEO 是通過采用易于搜索引擎索引的合理手段，使網(wǎng)站對用戶和搜索引擎更友好 （Search Engine Friendly），從而更容易被搜索引擎收錄及優(yōu)先排序。搜索引擎優(yōu)化是 一種搜索引擎營銷指導(dǎo)思想，而不僅僅是對百度和 google 等的排名。搜索引擎優(yōu)化工作貫 穿網(wǎng)站策劃、建設(shè)、維護全過程的每個細節(jié)，值得網(wǎng)站設(shè)計、開發(fā)和推廣的每個參與人員了 解其職責(zé)對于 SEO 效果的意義。SEO 僅僅只是網(wǎng)絡(luò)營銷的一種手段，一定不要為了 SEO 而 SEO?，F(xiàn)在業(yè)界比較普遍的看法是 UE（用戶體驗）第一 SEO 第二，最終達到 UE 與 SEO 的 統(tǒng)一。因為搜索引擎最終的意愿是尊重用戶的選擇，也就是用戶覺得好的網(wǎng)站排在前列！所 以學(xué)習(xí) SEO 的最終目的是忘記 SEO 。從用戶體驗的角度 來看看 SEO 的大勢所趨這次給大家介紹的是我對“用戶體驗”與搜索引擎排名之間的關(guān)系的一些觀點。因為時間關(guān) 系， 可能文章的某些句子不通順， 請各位見諒， 文章內(nèi)容均為本人猜測， 不保證為正確觀點。 在 SEO 中常常會提及到用戶體驗優(yōu)化這個概念，什么是用戶體驗優(yōu)化呢？簡單點說就是通 過優(yōu)化網(wǎng)頁讓網(wǎng)頁更適合用戶使用。 我記得一開始接觸“用戶體驗”這個概念的時候滿不以為然，什么叫做用戶體驗？百度能知 道你的網(wǎng)站受不受用戶歡迎？搜索引擎只是機器而已， 它能懂什么?。康墙?jīng)過幾個月的觀 察和學(xué)習(xí)，我發(fā)覺事情并不是這樣的。 這里我們回歸到最原始的一點去思考問題， 搜索引擎的初衷是什么？搜索引擎就是要給出用 戶想要的網(wǎng)站，用戶喜歡的網(wǎng)站。那么無可厚非，一個用戶體驗好的網(wǎng)站理應(yīng)是受歡迎的， 既然受用戶的歡迎那么排在前面那是應(yīng)該的。 架設(shè)兩個網(wǎng)站內(nèi)容上差別不大， 一個網(wǎng)站彈窗 N 個，另外一個網(wǎng)站界面干凈，你說搜索引擎會喜歡那個網(wǎng)站。 ok，說了這么多廢話，我想你應(yīng)該認同我的觀點了吧，一個網(wǎng)站的用戶體驗指標(biāo)確實會影響 網(wǎng)站排名。但是搜索引擎是怎樣知道一個網(wǎng)站受不受用戶歡迎的呢？這里主要有兩個指標(biāo)： 1、PV 跟獨立訪客比，2、網(wǎng)站停留時間。如果 pv 跟獨立訪客之比越小，網(wǎng)站停留時間越短， 間接的可以說明這個網(wǎng)站不受用戶喜歡。 接下來有是另外一個問題， 怎樣去獲得一個網(wǎng)站的 pv 和獨立訪客比以及用戶停留時間呢？這里以 google 為例， google 的產(chǎn)品已經(jīng)非常豐富了， 這里羅列一些可以收集用戶信息的產(chǎn)品（當(dāng)然只是我的猜想） ，google adsense 、Google Analytics、 google 瀏覽器、 還有我下面會說的 google toolbar。 或許上面的部分只是我的猜想， 請繼續(xù)看我下面的信息，一下文字截取至安裝 google toolbar 的過程中 請認真閱讀：這些內(nèi)容十分重要 如果您使用工具欄的某些高級功能， 那么您所訪問的網(wǎng)站的相關(guān)信息可能會發(fā)送給 Google。 例如， 為了讓 PageRank 功能向您提供關(guān)于網(wǎng)站的更多信息， 工具欄需要向我們發(fā)送網(wǎng)址來 告知我們您所訪問的網(wǎng)站。 如果您啟用了網(wǎng)絡(luò)歷史記錄等一些根據(jù)搜索和瀏覽記錄提供服務(wù) 的 Google 功能，那么 PageRank 發(fā)送的網(wǎng)址也會用于這些服務(wù)。任何涉及個人身份的信息 都受 Google 隱私政策的約束。有關(guān)工具欄隱私保護的詳情，請參閱工具欄隱私政策。 相信你看到“那么您所訪問的網(wǎng)站的相關(guān)信息可能會發(fā)送給 Google“這句話的時候已經(jīng)開 始相信了吧。至于百度，暫時只想到百度工具欄，百度主題推廣。接下來，你肯定會說，裝 google toolbar 和百度工具欄的人畢竟是少數(shù)?。筷P(guān)于這個問題， 我覺得可以參考 alexa 排名， 之前看過一些前輩是這么介紹 alexa 排名的，只有裝了 alexa 工具欄的人訪問了網(wǎng)站才能為 alexa 提高有效的參考數(shù)據(jù)，然后更具 alexa 更具裝 alexa 工具欄的人在所有上網(wǎng)的人數(shù)的比 例去轉(zhuǎn)換，最后得出估計的流量。只要數(shù)量足夠，完全可以當(dāng)做參考數(shù)據(jù)。 當(dāng)我領(lǐng)悟到這一點之后， 在建立新站的時候， 我就開始越來越注重網(wǎng)站的整體設(shè)計以及用戶 體驗了。經(jīng)過幾個月的排名升降洗禮，我越來越認識到用戶體驗的重要性，還有一個沒有權(quán)重的新站不要 SEO 的太明顯，適當(dāng)即可，不然排名上去了也是很容易掉下來的。 搜索引擎的算法在不斷進步，SEOer 想要跟上步伐只能從搜索引擎最根本的初衷出發(fā)去思考 問題。注意搜索引擎優(yōu)化 SEO 的幾點忌諱SEO 必須掌握好度，優(yōu)化得不夠，則效果不理想，優(yōu)化過度，則會被搜索引擎懲罰。其中的 技巧，我不甚了解，不過因多次被搜索引擎懲罰，我也逐漸發(fā)現(xiàn)了一些優(yōu)化的忌諱。 一、標(biāo)題 網(wǎng)站的頁面標(biāo)題是經(jīng)常會被一些客戶堆切了很多的關(guān)鍵詞， 而網(wǎng)頁標(biāo)題恰恰是搜索引擎十分 看重的一塊地方， 堆切了很多相關(guān)或者不相關(guān)的關(guān)鍵詞， 很容易就給搜索引擎的算法判斷成 這個網(wǎng)站存在作弊行為，最后導(dǎo)致搜索引擎封殺站點。 標(biāo)題針對關(guān)鍵詞的寫法上，建議一個網(wǎng)頁對應(yīng) 1-2 個關(guān)鍵詞即可，網(wǎng)頁的正文內(nèi)容要與網(wǎng)頁 標(biāo)題的主題高度吻合。 網(wǎng)頁標(biāo)題切忌頻繁更改。一個不穩(wěn)定的網(wǎng)站，百度是不會喜歡的，在建站之初，就應(yīng)該把網(wǎng) 站的各個細節(jié)都考慮好，一旦建立，便不再輕易更改。 二、采集 搜索引擎是喜新厭舊的， 如果一個網(wǎng)站的內(nèi)容都是在網(wǎng)絡(luò)上高度重復(fù)的， 那么排名絕對不會 好，采集的網(wǎng)站百度會收，但是收錄后會被慢慢的 k 掉，而且很少會給改過自新的機會， 哪怕之后天天更新原創(chuàng)文章，也無濟于事。但是這并不意味著不可以采集，我們可以針對采 集來的文章做一些更改，比如替換內(nèi)容、更改標(biāo)題等。 三、內(nèi)部鏈接 很多的 SEO 工程師都知道，一個網(wǎng)站中有某些網(wǎng)頁的權(quán)重特別高，喜歡在權(quán)重高的網(wǎng)頁上 堆切大量的關(guān)鍵詞鏈接。 不可否認， 在權(quán)重高的網(wǎng)站頁面上加重點的關(guān)鍵詞鏈接對目標(biāo)關(guān)鍵詞的搜索引擎排名提升會 起到幫助，但是在權(quán)重高的網(wǎng)頁堆積了過量的關(guān)鍵詞鏈接，也會被搜索引擎處罰。 建議對于高權(quán)重的網(wǎng)頁放置重點目標(biāo)關(guān)鍵詞鏈接，不要超過 10 個，而且這些鏈接放置的位 置也是相當(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)化方法，只會起到負面 的搜索引擎優(yōu)化反應(yīng)。 搜索引擎根據(jù)什么條件去判斷一個網(wǎng)站是否存在 SEO SPAM，雖說我們沒有得到官方權(quán)威的 信息。但是我們依然可以根據(jù)實踐經(jīng)驗，得到一些重要的信息。不要刻意強調(diào)搜索引擎優(yōu)化 技術(shù)中某個環(huán)節(jié)的重要，要講求平衡。所以，自然的搜索引擎優(yōu)化才不會出現(xiàn) SEO 過度的 問題。 對于 SEO 過度的問題，還有一個重要的問題需要說明，搜索引擎處罰網(wǎng)站的方式，不一定 就是直接封殺網(wǎng)站，也有可能是降低網(wǎng)站排名或者降低權(quán)重。這些處罰的輕重會根據(jù)網(wǎng)站 SEO 過度的程度而定。 SEO 必須要有一個好心態(tài)，不可太急躁。尤其百度對新站收錄極慢，一個針對百度優(yōu)化的新 站，必須做好打持久戰(zhàn)的準備。搜索引擎為何會受到歡迎，就是因為用戶能在上面找到需要 的東西，而搜索引擎對網(wǎng)站的要求也同樣如此，做 SEO 要多站在用戶的角度考慮，搜索引 擎的算法是經(jīng)常改進的，作弊的網(wǎng)站，就算能一時得逞，但終有一天，會被 k 掉。所以，在 網(wǎng)站制作過程中，應(yīng)該多了解 SEO 的忌諱，避免觸底線。六方面談 SEO 常用的優(yōu)化技巧今天和大家簡單談一些咱們在網(wǎng)站優(yōu)化中的常用技巧。主要是六個方面:標(biāo)簽，關(guān)鍵字的比 例，蜘蛛的抓取頁面的方向，圖片的 ALt 屬性，關(guān)鍵字的位置和鏈接的錨文本。 標(biāo)簽 對于 Keywords 和 Description 標(biāo)簽在咱們書寫的時候，咱們可以選擇將相同的內(nèi)容文本 在書寫，經(jīng)過測試這種效果還算不錯。當(dāng)然了咱們還可以有意的把 keywords 中的關(guān)鍵詞放 在 Description 標(biāo)簽里面，特別是標(biāo)簽的開頭位置。(因為關(guān)鍵字越往前，權(quán)重越高)，當(dāng)然了 要是重復(fù)出現(xiàn)就更好了。但是這里咱們得提醒一下，如果咱們要是優(yōu)化百度，那么重復(fù)的次 數(shù)就別太多了，反之如果咱們主要是針對谷歌的話，那多重復(fù)幾次更好。最后咱們還得提醒一些朋友注意，在 Keywords 和 Description 兩個標(biāo)簽中咱們盡量避免出現(xiàn) and/or/the 這樣的 單詞。 關(guān)鍵詞的比例 可能很多朋友都知道在一個頁面中關(guān)鍵詞的比例最好是保持在 7%8%之間，但是這里 庸人提醒大家千萬不要有意的去把關(guān)鍵字的比例提升的太高(這里包括兩個方 面:Keywords-weight(關(guān)鍵字在頁面中出現(xiàn)的次數(shù));Keywords-density(關(guān)鍵字和頁面中其它單 詞的比值)。原因就很簡單了，因為咱們?nèi)绻桃獾陌堰@個比例提高，反而會被搜索引擎認 為咱們是在對其關(guān)鍵字(Keywords-stuffing)，進而引來搜索引擎對咱們的懲罰。當(dāng)然了還有一 些朋友在頁面中關(guān)鍵詞往往都只能達到 1%2%，說實話這個其實也無所謂的，因為只要咱 們不是高于 8%，首先就保證了搜索引擎不把咱們當(dāng)做作弊，那么剩下的咱們就可以通過其 他的方式來彌補。畢竟這里在網(wǎng)站的整個優(yōu)化過程中權(quán)重是有限的。 蜘蛛在抓取頁面時的方向 作為 seo 咱們應(yīng)該知道，搜索引擎侍從網(wǎng)站的左邊到網(wǎng)站的右邊，再從網(wǎng)站的上方到網(wǎng) 站下方。 當(dāng)然在此咱們也個得提一下， 一般情況下蜘蛛對先從網(wǎng)站中抓取的 100 個詞的權(quán)重 是最高的。 所以在這里咱們?nèi)绾螘鴮懞团帕嘘P(guān)鍵字就顯得比較重要了。 所以要求咱們盡量書 寫 keywords 和 Description 的時候在文章中應(yīng)該放在中間，甚至得網(wǎng)頁下方，總之千萬別放 在頁面的左側(cè)。 圖片的 Alt 屬性 咱們應(yīng)該都知道蜘蛛是不能直接識別圖片的。這里咱們就必須使用 alt 屬性了，因為 alt 屬性不僅能幫助蜘蛛來識別圖片， 同時也是蜘蛛識別咱們網(wǎng)頁圖片的唯一方法了。 同時合理 的使用 alt 屬性，也能提高一下咱們關(guān)鍵詞在頁面的比例。 關(guān)鍵字的位置 如果站點是關(guān)于某個主題的， 那么主要的觀點或者說關(guān)鍵字應(yīng)該出現(xiàn)在文章的開始， 并 貫穿全文，然后在結(jié)尾結(jié)論時突出。如果已經(jīng)將導(dǎo)航鏈接和 javascript 放在頁面的底部，我 們可以在 html 結(jié)束之前放上相關(guān)的文本。比如，你可以通過將關(guān)鍵字放在頁面的版權(quán)聲明 中來將關(guān)鍵字放在頁面的底部。 鏈接的錨文本 如果搜索引擎發(fā)現(xiàn)有很多鏈接使用相同的文本卻指向同一個站點， 那么它可能就會判斷 這個站點是和這個關(guān)鍵字相關(guān)的， 那么在其它人使用這個關(guān)鍵字搜索時就會把這個站點作為 結(jié)果之一。通常很少有人會注意到去利用鏈接的文本。不過要注意，這個方法不要使用在互 惠鏈接交換當(dāng)中， 相反在互惠鏈接交換當(dāng)中要使用相關(guān)但是不相同的文本來做同一個鏈接的 文本。CSS+DIV 網(wǎng)站優(yōu)化(seo)1) 一個網(wǎng)站要有好的 seo 優(yōu)化效果，建議先使用一套標(biāo)準化的 css+div 布局網(wǎng) 站，注意語義標(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)化的一系列工具來查看優(yōu)化的情況，根據(jù)這些數(shù)據(jù)來改進你的優(yōu) 化； 8) 再根據(jù)平時做網(wǎng)站優(yōu)化的經(jīng)驗，結(jié)合 Google 和百度 seo 優(yōu)化技巧來優(yōu)化自 己的網(wǎng)站.網(wǎng)站整體的優(yōu)化規(guī)則一、網(wǎng)站優(yōu)化的基本思想 1、對用戶的優(yōu)化 以用戶的需求為導(dǎo)向來設(shè)計網(wǎng)站的導(dǎo)航欄。用戶可以方便的瀏覽網(wǎng)站的信 息，使用網(wǎng)站的服務(wù)。 2、對網(wǎng)絡(luò)環(huán)境（搜索引擎等）的優(yōu)化 從網(wǎng)站的架構(gòu)到網(wǎng)頁的標(biāo)題和標(biāo)簽的設(shè)計，以及網(wǎng)站布局和層級的深度、網(wǎng) 頁的動靜態(tài)來整體優(yōu)化網(wǎng)站。 3、對網(wǎng)站維護的優(yōu)化 對網(wǎng)站維護的優(yōu)化是為了便于網(wǎng)站日常的更新維護，改版升級，便于獲得和 管理注冊用戶資源，充分體現(xiàn)網(wǎng)站的網(wǎng)絡(luò)營銷功能，使得各種網(wǎng)絡(luò)營銷方法發(fā)揮 最大的效果。 二、網(wǎng)站整體優(yōu)化的基本要素 1、網(wǎng)站結(jié)構(gòu)的設(shè)計合理：最多不超過 3 層。 2、網(wǎng)站信息有效：網(wǎng)站要經(jīng)常更新。 3、網(wǎng)頁下載速度快：網(wǎng)頁的圖片和 FLASH 盡量少用，網(wǎng)頁大小要有所控制。4、網(wǎng)站簡單易用，尤其是要注意導(dǎo)航欄方便。 5、設(shè)計一個網(wǎng)站地圖。 6、網(wǎng)站鏈接有效：不能有死鏈接。 7、用戶注冊/退出方便。 8、為每個網(wǎng)頁設(shè)計一個合適的標(biāo)題。 9、設(shè)計合理的標(biāo)簽中的關(guān)鍵詞和網(wǎng)站描述。 10、盡量采用靜態(tài)網(wǎng)頁，至少保證包含網(wǎng)站重要信息的頁面為靜態(tài)頁面。 三、網(wǎng)站架構(gòu)及頁面具體優(yōu)化方面 （1）對用戶的優(yōu)化 1、注冊：會員注冊越簡單越好。 2、交易流程：操作簡單，易用，交易方便。 3、交互：很容易跟網(wǎng)站相互溝通。 (2)網(wǎng)站架構(gòu)及頁面的優(yōu)化 1、網(wǎng)站目錄：網(wǎng)站目錄最好不要超過 3 層，那樣有利于搜索引擎網(wǎng)絡(luò)蜘蛛 抓取。 2、網(wǎng)站頁面：網(wǎng)站的前幾級頁面最好是靜態(tài)頁面，如果是動態(tài)的最好通過 技術(shù)手段將動態(tài)的轉(zhuǎn)變成靜態(tài)的頁面。這樣做也是有利于網(wǎng)絡(luò)蜘蛛抓取頁面。 3、導(dǎo)航：主導(dǎo)航條要醒目，清晰，而且最好采用文本鏈接，少采用圖片。 4、路徑：采用層層遞進的路徑，并且每個路徑加上鏈接。有利于網(wǎng)絡(luò)蜘蛛 快速找到相關(guān)的頁面。 5、首頁突出重要內(nèi)容：除了主欄目，還應(yīng)該將次級目錄中的重要內(nèi)容以鏈 接的方式在首頁或其它子頁中多次呈現(xiàn)，以突出重點。 6、使用網(wǎng)站地圖：多采用文本鏈接，不用或少用修飾性圖片，以加快頁面 加載速度。需要注意，網(wǎng)站地圖也要突出重點，盡量給出主干性內(nèi)容及鏈接，而 不是所有細枝末節(jié)。一頁內(nèi)不適宜放太多鏈接。Google 明確提出“如果網(wǎng)站地圖上的鏈接超過大約 100 個，則最好將網(wǎng)站地圖拆成多個網(wǎng)頁” 。 7、圖像優(yōu)化：一般而言，搜索引擎只識讀文本內(nèi)容，對圖像是不可見的。 同時 圖像文件直接延緩頁面加載時間，如果超過 20 秒網(wǎng)站還不能加載，用戶和 搜索引擎極有可能離開你的網(wǎng)站。因此，除非你的網(wǎng)站內(nèi)容是圖片為主，比如游 戲站點或者圖片至關(guān)重要，否則盡量避免使用大圖片，更不要采用純圖像制作網(wǎng) 頁。每個圖像標(biāo)簽中都有 ALT 屬性，搜索引擎會讀取該屬性以了解圖像的 信息。因此，最好在所有插圖的 ALT 屬性中都有文字描述，并帶上該頁關(guān)鍵字在 其中?？傮w上，網(wǎng)頁應(yīng)盡量減少裝飾性圖片以及大圖片和 falsh。而 Alt 屬性中的 文字對搜索引擎來說，其重要性比正文內(nèi)容的文字要低。 8、網(wǎng)頁減肥：一個頁面的文件大小在 15K 左右，最好不要超過 50K。 9、網(wǎng)頁標(biāo)題和標(biāo)簽的設(shè)計： 標(biāo)題： title 簡短精煉，高度概括，含有關(guān)鍵詞，而不是只有一個公司名。但關(guān)鍵詞 不宜過多，不要超過 3 個詞組。企業(yè)網(wǎng)站的 title 通常以公司名+關(guān)鍵詞為內(nèi)容； 前幾個詞對搜索引擎最重要，因此關(guān)鍵詞位置盡量靠前；最好將 title 組織成符 合語法結(jié)構(gòu)和閱讀習(xí)慣的短句或短語，避免無意義的詞組羅列式 title。 關(guān)鍵詞：盡量使用網(wǎng)頁出現(xiàn)內(nèi)容的關(guān)鍵詞。 （關(guān)鍵詞的選擇另行說明） 描述：描述中包含關(guān)鍵詞，與正文內(nèi)容相關(guān)，文字不要超過 200 字。 10、 網(wǎng)站站內(nèi)交叉鏈接： 在你的網(wǎng)站之內(nèi)， 高質(zhì)量的內(nèi)容之間互相鏈接起來， 尤其對 Google 來說， 基于共同內(nèi)容的相互鏈接對在你的網(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)站對外友情鏈接最好使用文本形式，文本中包含網(wǎng)站 的關(guān)鍵詞。 四、網(wǎng)站維護優(yōu)化 1、網(wǎng)站內(nèi)容的更新：在網(wǎng)站后臺設(shè)置便于網(wǎng)站前臺內(nèi)容的更新。 2、網(wǎng)站會員資料的收集：在網(wǎng)站后臺設(shè)置有利于收集網(wǎng)站會員資料的功能， 以利于以后開展會員制營銷。3、網(wǎng)站廣告位：網(wǎng)站在后臺應(yīng)該有一個廣告位管理系統(tǒng)，以便于在前臺開 展各種廣告宣傳。 4、網(wǎng)站統(tǒng)計工具：網(wǎng)站最好后臺安裝一個統(tǒng)計工具，推薦 51la 統(tǒng)計工具。 便于分析網(wǎng)站營銷效果和監(jiān)測網(wǎng)站流量。談?wù)劙俣鹊膬?yōu)化與降權(quán)百度的這次大規(guī)模更新，相信是幾家歡喜幾家憂。 文章出處：標(biāo)準之路()更新后有很多網(wǎng)站獲得了不錯的排名，但是也有不少網(wǎng)站被降權(quán)甚至被 K。今天群里 有位朋友告訴我，自己的網(wǎng)站被百度降權(quán)，因為他的主關(guān)鍵詞根本沒有排名，且沒有任何來 自百度的流量。 今天對朋友的站是否真的被降權(quán)暫且不提，先說一下百度的反 SPAM 標(biāo)準吧。 我記得以前百度是公開反 SPAM 原則的，但是昨天忽然發(fā)現(xiàn)這個標(biāo)準已經(jīng)被關(guān)閉， 或許是因為百度算法調(diào)整后，反 SPAM 原則更改的原因吧。SPAM 的原意是指垃圾郵件，引 申在搜索引擎方面就是對搜索引擎的欺騙行為了。反 SPAM 就是為了 User experience（用戶 體驗） ，百度的標(biāo)準是，用戶體驗高于一切，其他任何 SPAM 行為都將遭到封殺。 我們做 SEO 的原則并不是為了排名而做，而是更好的提高用戶體驗，好的用戶體 驗自然會受到百度的喜歡， 這也就是我?guī)滋烨耙黄恼吕锼f過的 UCD。 我們在做網(wǎng)站的時 候，一定要把用戶體驗放在第一位，百度蜘蛛也是特殊的訪客，你不能忽視他的感受。在反 SPAM 工作中，蜘蛛自動識別和人工識別是相輔相成的，首先會由蜘蛛判斷出你的網(wǎng)站是否 有 SPAM 行為，如果有，你的網(wǎng)址就會被列入 SPAM 數(shù)據(jù)庫，然后再由人工復(fù)審你的網(wǎng)站， 但是你要知道，百度的工作人員再多，也多不過海量的網(wǎng)頁搜索次數(shù)，所以這里就一定會有 誤差，一般蜘蛛判斷出你的網(wǎng)站有刻意欺騙搜索引擎的行為時，工作人員就很少復(fù)查了，帶 來的結(jié)果就是網(wǎng)站被降權(quán)甚至直接被 K。 那么什么才算是 SPAM 呢？簡單來說，過分的 SEO 優(yōu)化都可能導(dǎo)致網(wǎng)站被降權(quán)。 現(xiàn)在的站長都很聰明， 很少有人再去做幾年前那樣的關(guān)鍵詞堆積等傻行為。 不過百度可以從 另外的方面查出你是否作弊， 如果你的網(wǎng)站被降權(quán)， 首先檢查你的網(wǎng)站是不是有關(guān)鍵字堆砌， 無關(guān)關(guān)鍵字，惡意轉(zhuǎn)接等方式，另外不要隨意更換你的 title，關(guān)鍵詞。有很多站長說，我的 描述可以換吧， 因為現(xiàn)在很多人都說描述百度已經(jīng)不關(guān)注了， 可是我的意見是， 既然沒有用， 百度就不會去索引你的描述，也不會要求你寫上 description，因此，這些東西在建站之初就 要考慮好，千萬不能說換就換，這對網(wǎng)站，尤其是權(quán)重很低的新站來說是及其危險的行為。 另外，外界盛傳百度對域名也會有三六九等，比如 CN 域名權(quán)值低等，這我倒覺得 有可能，因為 CN 域名一元風(fēng)暴刮起后，成千上萬的垃圾站涌向網(wǎng)絡(luò)，對于這樣的情況，百度自然會做出相關(guān)的策略。不過并不是所有的域名都會被鄙視，只要你的站建的有根據(jù)，且 文章原創(chuàng)多，沒有錯鏈接、空連接等，百度一定會對你的站刮目相看。另外最近我還發(fā)現(xiàn)一 個奇怪的現(xiàn)象，貌似百度對域名注冊時的 domain 信息好像也有關(guān)注，朋友說可能被降權(quán)的 站 / ， 注冊信息是 Registrant organization: XX 公司， Registrant Name: 張 三，Administrative email: ，假如我的判斷沒有錯，百度真的在意這個信息的 話，那這樣的注冊信息無疑會提高你被降權(quán)的機率。 還有一條就是新站建立后頻繁的向搜索引擎提交，一般搜索引擎，尤其是百度規(guī) 定一個月內(nèi)只能提交一次， 更不能多個同站頁面多次向百度提交， 這都會遭到搜索引擎的反 感，從而導(dǎo)致降權(quán)，我在前段時間解答一位朋友的問題時說過，新站建立成功后，不要主動 提交給百度等搜索引擎，找個高質(zhì)量的外鏈，不超過三天你的站自然會被收錄。 如果以上的這些你都沒有做過，那就有可能是百度的“連坐措施”了，假如你的 站鏈接了一個作弊的網(wǎng)站， 而這個站被 K 后， 搜索引擎可能會被認為是你在輔助這個站作弊， 因此你的站也會受到牽連，解決辦法只有一個，趕緊取消這個鏈接，然后語意誠懇的寫信給 百度管理員，請他復(fù)查。不過如果你沒有鏈接作弊站，而作弊站單方鏈接到你這邊，那沒關(guān) 系，也不會收到牽連。 百度是非常注重你的站的實際價值的，過量的新聞采集也會導(dǎo)致網(wǎng)站被降權(quán)，做 一個網(wǎng)站，哪怕信息很少，但是每一篇都是原創(chuàng)，那你的站權(quán)重一定低不到那里去的。 有些網(wǎng)上的資料是這樣寫的 1.百度首先看中的是內(nèi)文關(guān)鍵詞密度和分布。 與其他搜索引擎不同的是， 百度更喜 歡關(guān)鍵詞密度較高，關(guān)鍵詞位置較集中的頁面 2.baidu 沒有放棄 title 標(biāo)簽，但已經(jīng)放棄 keywords 和 description。title 標(biāo)簽的位置 和長度對搜索結(jié)果有較大影響： title 長度越短越好【不鼓勵在每個標(biāo)題后加網(wǎng)站名字或關(guān)鍵詞組】 關(guān)鍵詞在 title 中越靠前越好。 3.頁內(nèi)鏈接帶有與頁面 title 相同的 title 提示，十分有利于提高頁面權(quán)重 我敢說這都是誤導(dǎo)，從第一條說起。 關(guān)鍵詞密度高，就容易造成關(guān)鍵詞堆砌，百度自然會認為你的網(wǎng)站是 SPAM，關(guān)鍵 詞更要平均分布， 并不是集中就好， 我在解答一些朋友的問題時， 曾經(jīng)反復(fù)說過一句話： “有 始有終” ，關(guān)鍵詞也是這樣，不能單單關(guān)注搜索引擎先去看的左部上方，而是這個頁面都要 平均分配關(guān)鍵詞的位置。不是說頭部做了一堆關(guān)鍵詞，尾部一個關(guān)鍵詞都沒有。 第二條：一般來說，titile 的前七個字是權(quán)重最高的，因此建議把主關(guān)鍵詞放在前 七個字，而 keywords 更不可能為放棄，沒有了 keyword，百度怎么知道你的網(wǎng)站是要描述 什么東西？description 雖然盛傳已經(jīng)被放棄，但是經(jīng)過我的一些實驗發(fā)現(xiàn)，description 依然是有效的，有很多網(wǎng)站都在收錄后，顯示的是 description 內(nèi)容，例如打開網(wǎng)址 /s?wd=&;cl=3，就是在百度中搜索“SEO 俱樂部”出現(xiàn)在第一 個的就是我的 blog，你可以看到，百度索引的就是我的 description，因此 description 同樣關(guān) 鍵。 第三條：并不是說與 title 有關(guān)的詞就可以提高頁面權(quán)重，而是主關(guān)鍵詞的平均出 現(xiàn)才會有價值， 一般在大型門戶的優(yōu)化中， 單頁面都會帶有 3-5 個有絕對地址鏈接的關(guān)鍵詞， 這是提高權(quán)重的方式，也就是我們常說的內(nèi)鏈。 總之一句話，網(wǎng)站被降權(quán)并不是可怕的事，起碼還沒有被 K，這就是復(fù)活的希望， 去掉刻意優(yōu)化的痕跡，加多一些原創(chuàng)文字，再加一些高質(zhì)量鏈接，復(fù)活一定指日可待。網(wǎng)站 SEO 并非一定需要靜態(tài)化在國內(nèi)，很多“SEO 專家”給客戶網(wǎng)站的第一診斷結(jié)果就是要頁面靜態(tài)化。這倒不是因 為動態(tài)頁面就做不了 SEO，而是相對靜態(tài)頁面而言，動態(tài)頁面的 SEO 更加難做，受“SEO 專 家”的技術(shù)能力所限而已。 對于搜索引擎而言，在主觀上對靜態(tài)頁面和動態(tài)頁面并沒有特殊的好惡，只是很多動 態(tài)頁面的參數(shù)機制不利于搜索引擎收錄，而靜態(tài)頁面更容易收錄而已。此外，頁面靜態(tài)化在 一定程度上也提高了頁面訪問速度和系統(tǒng)性能及穩(wěn)定性這使得在搜索引擎優(yōu)化上面， 為 使得效果更加明顯，問題簡單快速解決，大家對站點的靜態(tài)化趨之若騖。 然而對于一些大型網(wǎng)站，靜態(tài)化帶來的問題和后續(xù)成本也是不容忽視的： 由于生成的文件數(shù)量較多，存儲需要考慮文件、文件夾的數(shù)量問題和磁盤空間容量的 問題需要大量的服務(wù)器設(shè)備； 程序?qū)㈩l繁地讀寫站點中較大區(qū)域內(nèi)容，考慮磁盤損傷問題及其帶來的事故防范與恢 復(fù)硬件損耗要更新、站點備份要到位； 頁面維護的復(fù)雜性和大工作量，及帶來的頁面維護及時性問題需要一整套站點更 新制度和專業(yè)的站點維護人員； 站點靜態(tài)化，增加了更新維護難度和網(wǎng)站管理人員工作強度，增加了硬件設(shè)備需求和 損耗速度，增加了站點潛在的訪問沖突和故障概率。對于一個大型網(wǎng)站而言，這都是必須考 慮的問題。 對于 SEO 優(yōu)化，我們不需要真正靜態(tài)化，只需要假裝就可以了。動態(tài)頁面也一樣能夠 做好 SEO 優(yōu)化。 目前大多數(shù)搜索引擎基本都能收錄動態(tài)頁面，使用動態(tài)頁面的站點數(shù)也遠遠大于靜態(tài)頁面的站點數(shù)。 許多大型網(wǎng)站雖然網(wǎng)址的后綴為。htm，但其實還是動態(tài)頁面，只是用了 URL Rewrite 的方式“欺騙”搜索引擎，真正完全靜態(tài)的沒有發(fā)現(xiàn)幾個。 目前對于一個動態(tài)網(wǎng)站，實施相對靜態(tài)化的做法基本有如下幾種： 1. 偽靜態(tài)，URL Rewrite 方式。 2. 類似蜘蛛的方法，動態(tài)站點也存在，只是通過一個程序去抓取整個站點并保存發(fā)布 為需要訪問的靜態(tài)站點。 不論是真靜態(tài)頁面還是偽靜態(tài)頁面，在方便搜索引擎收錄這一點上，效果都是一樣的。 既然如此，為什么不使用效率更高的“相對靜態(tài)化”的方法，以避免真正靜態(tài)化所產(chǎn)生的諸 多問題呢？ 在頁面更新維護問題上，即使是偽靜態(tài)，也帶來了不少維護的復(fù)雜性和工作量。目前 較為可取的更新方式有： 觸發(fā)式更新：當(dāng)維護人員在后臺更改某些信息后，系統(tǒng)自動或提供手動更新相應(yīng)顯示 頁面。 獨立、分片式更新：更新與維護分開，頁面劃分為不同的區(qū)，根據(jù)一定的規(guī)則對于區(qū) 進行更新。區(qū)之間的整合與分離，有的是采用活動域，有的是采用 SSI（Server Side Include） 。 對于獨立、分片式更新，應(yīng)當(dāng)是大型網(wǎng)站相對靜態(tài)化后較為理想的更新維護模式： 1. 將各頁面定義分區(qū)、編號，給定存儲規(guī)則和更新規(guī)則，更新規(guī)則分為“依據(jù)數(shù)據(jù)變 更更新”和“周期更新” 。 2. 對于各區(qū)采用優(yōu)先級的方式，并提供手工觸發(fā)的即時更新，以保證部分信息的更新 時間需要。 3. 靜態(tài)頁面替換動態(tài)頁面，同時保留動態(tài)頁面，并在靜態(tài)頁面未生成完畢時采用動態(tài) 頁面代替。 靜態(tài)化對于網(wǎng)站 SEO 來說，應(yīng)當(dāng)只是一個信號，告訴搜索引擎我的站點很好收錄，然 后帶領(lǐng)搜索引擎盡可能多的“瀏覽”站點內(nèi)的內(nèi)容。只要能夠方便瀏覽和收錄，不論是靜態(tài) 頁面還是動態(tài)頁面，搜索引擎都會一視同仁的去收錄。 對于小網(wǎng)站而言，站點靜態(tài)化或許是解決網(wǎng)站收錄量的一個簡便的辦法，而對于大網(wǎng) 站來說，則要認真考慮了，是不是真的有必要去做靜態(tài)化，還是做一下“相對靜態(tài)化”就夠 了。W3C 驗證W3C 是英文 World Wide Web Consortium 的縮寫，中文意思是 W3C 理事會或萬維網(wǎng) 聯(lián)盟。W3C 于 1994 年 10 月在麻省理工學(xué)院計算機科學(xué)實驗室成立。創(chuàng)建者是萬維網(wǎng)的 發(fā)明者 Tim Berners-Lee。 .W3C 組織是對網(wǎng)絡(luò)標(biāo)準制定的一個非贏利組織，像 HTML、XHTML、CSS、XML 的 標(biāo)準就是由 W3C 來定制。W3C 會員(大約 500 名會員)包括生產(chǎn)技術(shù)產(chǎn)品及服務(wù)的廠商、 內(nèi)容供應(yīng)商、團體用戶、研究實驗室、標(biāo)準制定機構(gòu)和政府部門，一起協(xié)同工作，致力在萬 維網(wǎng)發(fā)展方向上達成共識。W3C CSS 驗證服務(wù)是由 W3C 制作的一個免費軟件，用于幫助 Web 設(shè)計者檢查層疊 樣式表(CSS)。你可以在 W3C 提供的免費在線服務(wù)中使用，也可以下載后作為一個 Java 程序或者 Servlet 運行在自己的機器上。如果你是一個 web 開發(fā)者或者 web 設(shè)計人員，這個工具將是一個強大的助手，它不 僅會將你所寫的 css 文件和 css 的標(biāo)準進行比較，幫你找出錯誤，筆誤，誤用等等，它還 可以告訴你你的 css 中可用性上的風(fēng)險。關(guān)于 DIV+CSS 和 XHTML+CSS 的理解WEB 標(biāo)準是一系列標(biāo)準的集合，并不是僅“DIV+CSS”布局就可以實現(xiàn)。以 CSS 網(wǎng)頁布 局只是標(biāo)準的基礎(chǔ)之一。 “DIV+CSS”布局只是一種通俗的稱呼罷了。而我們學(xué)習(xí)的目標(biāo)在于 以 XHTML 建立良好的語義化的結(jié)構(gòu)，結(jié)合 CSS 最大程度使表現(xiàn)與內(nèi)容相分離。 一位網(wǎng)友對 W3C 標(biāo)準、重構(gòu)與 CSS 布局的理解： 不知道從什么時候開始， 在網(wǎng)絡(luò)上到處可以看到 div+css， 到底什么是 div+css 呢？難 道就是傳說中的標(biāo)準重構(gòu)嗎？標(biāo)準從最簡單的根源來說不是合理使用 xhtml 的標(biāo)簽嗎？可 為什么還是有這么多 div+css 呢？既然可以 div+css，那為什么不可以叫 span+css ul+css li+css 等等呢？ 疑問，滿腦子的疑問!為了這個疑問，我把自己腦子里的東西從最底層翻了一遍。 在幾年前大家都是用 table 來布局，一層套一層，沒發(fā)現(xiàn)什么不妥，一直用到網(wǎng)站 重構(gòu) 這本書出來后的不久開始看到很多人討論重構(gòu)。 當(dāng)時的我對所謂的重構(gòu)一點都不清楚， 當(dāng)然啦，現(xiàn)在還不是很清楚，至于網(wǎng)站重構(gòu)這本書我也沒看過幾頁，不敢說自己什么都 了解。但就目前而言，還是有很多朋友是從 table 布局轉(zhuǎn)變過來，也包括我自己在內(nèi)。 看了網(wǎng)上很多教程以及很多朋友的文章或者是提到的問題，代碼結(jié)構(gòu)中少不了的是 div。甚至看到代碼結(jié)構(gòu)中除了 div 標(biāo)簽在 body 中外，找不到其他用來處理結(jié)構(gòu)的標(biāo)簽了。 或許就是因為如此，才出現(xiàn)了 div+css，用 div 來做布局，結(jié)合 css 來表現(xiàn)樣式，那這樣就 是標(biāo)準了？ 是把 table 換成了 div，把 td 換成 ul 來排列后，那其他 xhtml 的標(biāo)簽怎么辦呢？ 或許有朋友會說“我是用 div 來布局，所以要叫 div+css，而且現(xiàn)在大家都這樣叫啊” 。 嗯，沒錯，因為 div 在 xhtml 中沒有語意，而且是塊元素，用在布局方面比較合理。但如果 因為如此而把 div 獨立出來稱呼為了 div+css，貌似跟 xhtml 可以平起平坐了。就好比你的 輩分原本就是晚輩，卻跑去跟長輩爭上座，太不像話了，不是嗎？ 說了這么多，無非是想希望大家以后不要再說 div+css 了，為什么不能再多打 2 個字 母，改叫 xhtml+css 呢？如果覺得這樣還不妥，那就叫網(wǎng)站重構(gòu)吧，你也可以稱自己為網(wǎng)站 重構(gòu)工程師，多好聽的名字呢，總不能讓別人叫你 div+css 人員吧。 在 超越 CSS 他們還是推薦大家少用 div， 中， 多合理的使用標(biāo)簽， 不要遺忘了在 xhtml 中還有 p,form 諸多的標(biāo)簽。合理的使用標(biāo)簽，合理的頁面結(jié)構(gòu)才會讓你的站點更容易被搜索找到重要內(nèi)容。 簡單說吧， 大家都知道 hn （n=1,2,3,4,5,6） 是用在標(biāo)題， p,form,table 那 是不是也可以讓他們有自己在頁面結(jié)構(gòu)中的一個位置呢？ 以上只是個人在文字方面對網(wǎng)絡(luò)上到處可見的 div+css 一些看法，文字表達方面不對 的地方大家批評，但最終希望的是不要再叫 div+css 了，div 不是主要的東西，主要的是 xhtml。XHTML 標(biāo)準的 DIV+CSS 布局對于網(wǎng)站 SEO 的影響代碼精簡 使用 DIV+CSS 布局，頁面代碼精簡，這一點相信對 XHTML 有所了解的都 知道。代碼精簡所帶來的直接好處有兩點：一是提高 spider 爬行效率，能在最 短的時間內(nèi)爬完整個頁面， 這樣對收錄質(zhì)量有一定好處;二是由于能高效的爬行， 就會受到 spider 喜歡，這樣對收錄數(shù)量有一定好處。 表格的嵌套問題 很多 SEOer 在其文章中稱，搜索引擎一般不抓取三層以上的表格嵌套， 這一點一直沒有得到搜索引擎官方的證實。我的幾項實驗結(jié)果沒有完全出來，但 根據(jù)目前掌握的情況來看，spider 爬行 Table 布局的頁面，遇到多層表格嵌套 時，會跳過嵌套的內(nèi)容或直接放棄整個頁面。 使用 Table 布局，為了達到一定的視覺效果，不得不套用多個表格。如 果嵌套的表格中是核心內(nèi)容，spider 爬行時跳過了這一段沒有抓取到頁面的核 心， 這個頁面就成了相似頁面。 網(wǎng)站中過多的相似頁面會影響排名及域名信任度。 而 DIV+CSS 布局基本上不會存在這樣的問題，從技術(shù)角度來說，XHTML 在控制樣式時也不需要過多的嵌套。 這雖然沒有得到確認，但還是建議使用 Table 布局的朋友們，在設(shè)計時 盡可能的不要使用多層表格嵌套，SEOer 們在文章中說明了這一點，相信他們也 不是沒有依據(jù)的。 速度問題 DIV+CSS 布局較 Table 布局減少了頁面代碼， 加載速度得到很大的提高， 這在 spider 爬行時是非常有利的。過多的頁面代碼可能造成爬行超時，spider就會認為這個頁面無法訪問，影響收錄及權(quán)重。 另一方面，真正的 SEOer 不只是為了追求收錄、排名，快速的響應(yīng)速度 是提高用戶體驗度的基礎(chǔ)，這對整個搜索引擎優(yōu)化及營銷都是非常有利的。 對排名的影響 基于 XTHML 標(biāo)準的 DIV+CSS 布局， 一般在設(shè)計完成后會盡可能的完善到 能通過 W3C 驗證。 截止目前沒有搜索引擎表示排名規(guī)則會傾向于符合 W3C 標(biāo)準的 網(wǎng)站或頁面，但事實證明使用 XTHML 架構(gòu)的網(wǎng)站排名狀況一般都不錯。這一點或 許會有爭議，但樂思蜀本人保持這樣的觀點，有異議者可以拿三組以上基本同等 質(zhì)量的網(wǎng)站對比觀察。 我想，這樣的情況可能不是排名規(guī)則，最大的可能還是 spider 爬行網(wǎng) 站時，出現(xiàn)以上差異導(dǎo)致收錄質(zhì)量的不同。 畢竟廖勝于無，建議建站或改版的朋友們，技術(shù)許可的情況下，還是選 擇 DIV+CSS 布局為好。視覺沖擊力形成的幾種構(gòu)成方式NO.1：頁面構(gòu)圖圖形的層次性 圖形和元素之間的層次感，可以達到一種在干擾視覺的同時（我們所說的這 種視覺干擾就是在分散欣賞者多余視線的同時，更能注意到這一設(shè)計的主題上, 為這種干擾方式所產(chǎn)生的圖形是這個主題的輔助圖形）突出自身所想體現(xiàn)的主 題， 這種表現(xiàn)方式往往是比較直接而且有效的方式。 就如下面我引用的這個圖形， 圖形中那些不規(guī)則的半透明元素、光線、數(shù)字、方塊、以及那些放大了的機器人 構(gòu)成了一定的縱深感和層次性， 這寫元素在分散視線的同時又將欣賞者的視線集 中到了中心的 GUNDAM Death Scythe 和下方的機器人身上.（這種設(shè)計方式是現(xiàn) 在比較多見的一種設(shè)計方式。因為大多數(shù)的人都覺得比較 COOL 吧. NO.2：頁面上構(gòu)圖的視覺線牽引 利用色彩或者元素來牽引欣賞者的視覺， 讓欣賞者隨著設(shè)計師的的思維去思 考和觀看作品，而現(xiàn)在存在的大多數(shù)作品都是運用點、線、面來引導(dǎo)，以圖行和 元素出現(xiàn)的引導(dǎo)方式的作品比較少見。就像下面的這個圖形，視覺的中心是中間 的那一條白色的色塊，及當(dāng)中的文字，而在上下的張圖片的交接處出現(xiàn)的那條藍 色的線段，就在牽引欣賞者的視覺移動到圖形中的文字和其他的小的圖形上。 NO.3：色彩誘導(dǎo)、 （1，色彩對比、色彩互補、色彩分散） NO.4：明暗誘導(dǎo)、利用由光感折射、光感捕捉、動態(tài)光感及明暗差異性的一 些共性來襯（運用圖一來解釋）NO.5：瞬間捕捉、利用眼睛感官的瞬間接受、來捕捉視覺點 NO.6：抓突破點、靠突破圖形圖象本身的視覺平衡點來達到視覺要求 運用圖片素材的本身來尋找設(shè)計的突破點，依據(jù)圖形自身所產(chǎn)生的空間感， 光感，等一些突出的地方，來加以利用，從而突出設(shè)計的主題。如圖 圖中的電 梯產(chǎn)生了強烈的空間感，稍加修飾一張好的平面作品就問世了。在如圖片的右下 角的那張圖片所產(chǎn)生的廣告和空間感。 NO.7：比例大小、 （依據(jù)事物本身的比例關(guān)系，在等比的關(guān)系上追求視覺上 的平衡關(guān)系、 突破事物本身的等比關(guān)系，進而推出自身的視覺重點以求突破）就如一些夸 張漫畫那樣，一個大頭小身子的人物形象，一種夸張的歪曲正常比例的方式，在 不經(jīng)意間往往能收來奇效 NO.8：依據(jù)欣賞者的接受能力，及平常所說的感情，利用平時生活的一些元 素，充分考慮 欣賞者對圖形的認可能力， 以自然美及突破普通接受能力的殘酷美來打動欣 賞者的情感， 以獲得人們對圖形的記憶。(這我就不多說了) NO.9：視覺幻象、 利用視覺幻象得空間感來突出整體設(shè)計的視覺中心。 NO.10: 利用抽象的表現(xiàn)方式在下面的倆副作品中，作者抽象的運用的色塊 來代表海水及陸地，運用色彩的對比突出主題的同時,也起到了一定的娛樂性， 這樣的作品容易讓人有好感，而且比較不容易忘記。什么是 UIUI 的本意是用戶界面，是英文 User 和 interface 的縮寫。從字面上看是 用戶與界面 2 個組成部分，但實際上還包括用戶與界面之間的交互關(guān)系，所以這 樣可分為 3 個方向，他們分別是：用戶研究、交互設(shè)計、界面設(shè)計。 1 用戶研究。 用戶研究包含兩個方面：一是可用性工程學(xué)（usability Engineering） ，研 究如何提高產(chǎn)品的可用性，使得系統(tǒng)的設(shè)計更容易被人使用、學(xué)習(xí)和記憶；二是 通過可用性工程學(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. 用戶研究是一個跨學(xué)科的專業(yè)，涉及可用性工程學(xué)、人類功效學(xué)、心理學(xué)、 市場研究學(xué)、教育學(xué)、設(shè)計學(xué)等等學(xué)科。用戶研究技術(shù)是站在人文學(xué)科的角度來 研究產(chǎn)品，站在用戶的角度介入到產(chǎn)品的開發(fā)和設(shè)計中。 用戶研究通過對于用戶的工作環(huán)境、產(chǎn)品的使用習(xí)慣等研究，使得在產(chǎn)品開 發(fā)的前期能夠把用戶對于產(chǎn)品功能的期望、 對設(shè)計和外觀方面的要求融入到產(chǎn)品的開發(fā)過程中去，從而幫助企業(yè)完善產(chǎn)品設(shè)計或者探索一個新產(chǎn)品概念。 他是得到用戶需求和反饋的途徑， 也是檢驗界面與交互設(shè)計是否合理的重要 標(biāo)準。 2 交互設(shè)計。 這部分指人與機之間的交互工程，在過去交互設(shè)計也由程序員來做，其實程 序員擅長編碼， 而不善于與最終用戶交互。 所以， 很多的軟件雖然功能比較齊全， 但是交互方面設(shè)計很粗糙，繁瑣難用，學(xué)習(xí)困難。使用這樣的軟件后，不是使人 聰明與進步而是讓人感到愚弄與羞辱。許多人因為不能操作電腦軟件而下崗失 業(yè)，這樣的交互使電腦成為讓人恐懼的科技怪獸。于是我們把交互設(shè)計從程序員 的工作中分離出來單獨成為一個學(xué)科，也就是人機交互設(shè)計。他的目的在于加強 軟件的易用、易學(xué)、易理解，使計算機真正成為方便地為人類服務(wù)的工具。 3 界面設(shè)計。 在漫長的軟件發(fā)展中，界面設(shè)計工作一直沒有被重視起來。做界面設(shè)計的人 也被貶義的稱為“美工” 。其實軟件界面設(shè)計就像工業(yè)產(chǎn)品中的工業(yè)造型設(shè)計一 樣，是產(chǎn)品的重要買點。一個友好美觀的界面會給人帶來舒適的視覺享受，拉近 人與電腦的距離，為商家創(chuàng)造賣點。界面設(shè)計不是單純的美術(shù)繪畫，他需要定位 使用者、使用環(huán)境、使用方式并且為最終用戶而設(shè)計，是純粹的科學(xué)性的藝術(shù)設(shè) 計。 檢驗一個界面的標(biāo)準即不是某個項目開發(fā)組領(lǐng)導(dǎo)的意見也不是項目成員投票 的結(jié)果，而是最終用戶的感受。所以界面設(shè)計要和用戶研究緊密結(jié)合，是一個不 斷為最終用戶設(shè)計滿意視覺效果的過程。畫好線框圖的 20 個步驟對于任何一個開發(fā)項目來說最大的錯誤可能就是沒有計劃。最近，有些人認 為開始前無需計劃，一個優(yōu)秀的開發(fā)者需要的是隨機應(yīng)變。我敢肯定這樣的做法 最后注定是要失敗的。 線框圖是計劃中的第一步也是最重要的一步。 這是將創(chuàng)意轉(zhuǎn)換成客戶使用的 程序的第一步。本文將要帶你了解線框圖整個的流程；包括涉及參與人員，工具 等，以便您能夠更好的制作計劃。 1）了解自己的目標(biāo) 作為一個開發(fā)人員我想大家都有馬上坐下來開始編碼的沖動。 通常最初的想 法都很簡單，那么你真的可以坐下直接開始嗎？答案是否定的，項目很少有那么 簡單的，任何有經(jīng)驗的人都知道這樣做將會有 很多這樣的那樣的問題等著你。 一個線框圖可以有效的提供您的工作效率。 修改計劃內(nèi)容遠比在工作開始后在更正要來得更容易。 這個過程也有助于對項目更深的理解。事先作出計劃，提出問題、意見，以 便解決問題。 最終制定一個工作計劃，規(guī)劃設(shè)計者，開發(fā)者，工程師以及項目經(jīng)理各自的 工作內(nèi)容，并且要保證各個環(huán)節(jié)的配合。 2）重功能，輕外觀 計劃展示的效果不同主要體現(xiàn)在所采用工具的多樣性。 其實從根本上說都是 介紹有關(guān)功能部分的應(yīng)用，例如，一個網(wǎng)頁將有 3 個文本框和 2 個按鈕。 這是 功能而不是形式。 在 Howard Baines 我們嚴格按照這一原則進行，并且我們的線框圖只包括一 些功能要素（線框，按鈕，下拉菜單等） 。我們忽略任何視覺和布局的東西。其 他人可能會做的更多一些，包括了布局和其他視覺的元素。這取決于你自己。 3）積累自身經(jīng)驗 并不一定要求您具備設(shè)計和開發(fā)的能力， 而需要的是在網(wǎng)頁應(yīng)用或者網(wǎng)站上 的經(jīng)驗。當(dāng)然經(jīng)驗越豐富越好，并且你不需去理解關(guān)系型數(shù)據(jù)庫只要畫線框。 4）確定負責(zé)人 確保有人對整個計劃負責(zé)。他們負責(zé)跟進和管理反饋，變化等。如果一個項 目， 那么通常負責(zé)人是發(fā)起人， 因為他們更清楚目標(biāo)所在。 如果為客戶提供服務(wù)， 我們將會負責(zé)計劃的進程。不管是誰，只要有人負責(zé)。 5）涉及每個人 也許不是第一次會議， 必須在紙上鎖定一個簡單的方案并且是涉及關(guān)鍵利益 者的想法。很少，參與的人們加快設(shè)計進程。同時，線框圖的開發(fā)涉及你的團隊 和客戶團隊。例如，你正在用你現(xiàn)有的數(shù)據(jù)庫整合你的應(yīng)用程序或者網(wǎng)站，然后 確保數(shù)據(jù)庫所有者可以檢測所有數(shù)據(jù)庫中的數(shù)據(jù)字段在你把他們加入到你的線 框之前。收集用戶的傳真號碼如果無處存放是不好的。同水平的設(shè)計師對用戶體 驗有很好的理解，并且在早期流動時會存在潛在的問題。 6）完成期限 預(yù)先留出時間和交付期限，對保持項目運行是非常重要的。最初線框圖會議 可以是一天或是幾天，具體取決于應(yīng)用程序的大小，但都需設(shè)定一個時期并且堅 持下去。會后按記錄跟進，以保持項目進程。7）保持清潔 如果一個特別的網(wǎng)頁要求兩個文本框和一個按鈕，那么只要有這些即可，不 多不少。 8）避免設(shè)計的線框圖太多 線框圖只要闡述如何達到所需功能，不包括任何介紹和設(shè)計的內(nèi)容。應(yīng)盡量 避免任何有關(guān)設(shè)計的內(nèi)容，這樣很容易分散客戶的注意力。例如：為了更生動而 增加一些藍色，那么有可能需要半小時的時間 去解釋關(guān)于藍色的用意。這些設(shè) 計的內(nèi)容應(yīng)該是設(shè)計師的工作。 9）記住用戶界面不是用戶體驗 想一些使用的介紹方法是極其誘人，比如 AJAX。注意：線框圖是關(guān)于功能 元素而不是方案展示或者互動的方法。為了更直觀的展示應(yīng)用，應(yīng)盡量避免 AJAX，應(yīng)側(cè)重于線框圖。 10）想