網(wǎng)站內容 優(yōu)化(談起網(wǎng)頁(yè)的優(yōu)化這個(gè)問(wèn)題，很多人都沒(méi)有什么概念)

　　說(shuō)到網(wǎng)頁(yè)優(yōu)化，很多人沒(méi)有概念，很多業(yè)內人士對網(wǎng)頁(yè)優(yōu)化一無(wú)所知或知之甚少。說(shuō)到對網(wǎng)頁(yè)優(yōu)化的理解，我在各大搜索引擎上搜索過(guò)“網(wǎng)頁(yè)優(yōu)化”之類(lèi)的話(huà)題，結果都是關(guān)于如何優(yōu)化搜索引擎排名的文章，其實(shí)這只是優(yōu)化的概念之一 網(wǎng)頁(yè)的優(yōu)化是由很多方面的優(yōu)化組成的。作為一名優(yōu)秀的網(wǎng)頁(yè)優(yōu)化人員，你必須具備廣泛的知識面，不僅要掌握網(wǎng)站設計制作技術(shù)（包括網(wǎng)站架構設計、網(wǎng)頁(yè)設計，以及制作頁(yè)面、寫(xiě)作代碼等）；還需要掌握很多其他方面的計算機知識（包括電子商務(wù)、人機交互、易用性以及一些相關(guān)的軟件知識等）；甚至需要掌握心理學(xué)和商業(yè)運作的知識。

　　我覺(jué)得網(wǎng)頁(yè)的優(yōu)化應該由兩個(gè)方面組成：1.技術(shù)優(yōu)化，2.人性化優(yōu)化（這個(gè)類(lèi)別只是我的總結，沒(méi)有人給出具體的定義）。技術(shù)優(yōu)化是指對代碼進(jìn)行優(yōu)化、目錄結構優(yōu)化、搜索引擎優(yōu)化等進(jìn)行技術(shù)優(yōu)化工作。一般是無(wú)形無(wú)形的，但會(huì )給用戶(hù)帶來(lái)很多便利。網(wǎng)站帶來(lái)更大的好處，技術(shù)優(yōu)化有一定的模式，需要優(yōu)化的東西比較固定，比較簡(jiǎn)單。這只是時(shí)間問(wèn)題；人性化優(yōu)化是指交互優(yōu)化、可用性?xún)?yōu)化等，供用戶(hù)使用這部分是網(wǎng)站用戶(hù)可以看到和觸摸到的。人性化優(yōu)化是最難的體驗，因為我們要猜測用戶(hù)的心理。下面我將分別說(shuō)明這兩個(gè)方面。

　　1、技術(shù)優(yōu)化：

　　技術(shù)優(yōu)化主要分為三個(gè)部分：代碼優(yōu)化、目錄結構優(yōu)化和搜索引擎優(yōu)化。這部分優(yōu)化工作主要由網(wǎng)站開(kāi)發(fā)者測試并提出解決方案來(lái)完成，并且有一定的規律，所以相對簡(jiǎn)單也只是時(shí)間問(wèn)題。

　　(1）代碼優(yōu)化：

　　代碼優(yōu)化的主要問(wèn)題是頁(yè)面瀏覽的速度和適應性。文字和圖片是構成頁(yè)面的兩個(gè)主要元素，所以我們的優(yōu)化也是從文字和圖片開(kāi)始的。我們做頁(yè)面的時(shí)候，基本都是定義好文字，一般使用Arial和12px。隨著(zhù)規范的字體樣式和代碼大小的規范，應該用CSS樣式表來(lái)完成，現在廣泛使用的<h1></h1>，<font size=×× color=××></ font> 等標簽是非標準的，將逐漸被 CSS 取代?，F在很多大的網(wǎng)站包括各種傳送門(mén)網(wǎng)站這樣的非標準問(wèn)題仍然普遍存在于幾乎每個(gè)頁(yè)面中，所以CSS樣式表是我們在優(yōu)化過(guò)程中應該注意的問(wèn)題（在事實(shí)，

　　圖像的主要問(wèn)題是尺寸太大。在這里，我們將圖片的優(yōu)化歸類(lèi)為代碼優(yōu)化的一部分，一起介紹，因為圖片優(yōu)化和代碼內容優(yōu)化的目的是一樣的。網(wǎng)頁(yè)中一般使用兩種格式的圖片，jpeg 和 gif。很多人對這兩種圖片的應用掌握的不是很好。JPEG適合顏色多、構圖復雜的圖片（比如一些照片、漸變色等），gif適合顏色比較少、構圖比較簡(jiǎn)單的圖片（比如網(wǎng)站的logo、圖片由大色塊等組成）。gif圖片在導出的時(shí)候要特別注意選擇顏色的個(gè)數，這樣也能達到很好的縮小尺寸的效果。

　　還有一個(gè)簡(jiǎn)單的方法可以減小網(wǎng)頁(yè)的大小，提高網(wǎng)頁(yè)的下載速度，就是使用一些網(wǎng)頁(yè)減肥的小工具，我們可以下載一些這樣的工具，它們可以讓你的網(wǎng)頁(yè)縮小20 % 到 50% 以達到事半功倍的效果。

　　表格是頁(yè)面最重要的排版方式。瀏覽器在讀取頁(yè)面代碼時(shí)，必須先讀取一個(gè)完整的表格，然后才能顯示出來(lái)。如果一個(gè)大表收錄很多小表，瀏覽器會(huì )讀取整個(gè)大表。該表將顯示全部?jì)热?。當我們?yōu)g覽一些頁(yè)面的時(shí)候，往往頁(yè)面會(huì )出現很久才顯示出來(lái)。最后，當我們迫不及待的時(shí)候，我們按下“停止”按鈕，頁(yè)面一下子就顯示出來(lái)了。這是一個(gè)嵌套在一些小桌子外面的大桌子。表，而小表已經(jīng)讀完了，也就是整張表還沒(méi)有讀完，瀏覽器不會(huì )顯示出來(lái)，會(huì )大大拖慢頁(yè)面瀏覽速度。因此，我們需要盡可能的降低表層級，

　　另外需要注意的是，在使用dreamweaver制作網(wǎng)頁(yè)的時(shí)候，經(jīng)常會(huì )出現很多垃圾代碼。注意檢查和刪除一些無(wú)用的代碼。網(wǎng)頁(yè)的適應性是對不同系統、不同瀏覽器、不同分辨率的適應性。需要注意的是分辨率至少要照顧800×600用戶(hù)（分辨率800×600顯示尺寸780×428、分辨率1024×768顯示尺寸1007×600），因此，頁(yè)面最大寬度不超過(guò)780，用戶(hù)不得水平拖動(dòng)頁(yè)面。

　　(2）目錄結構優(yōu)化：

　　現在很多網(wǎng)站s把分散在同一個(gè)文件夾中的所有頁(yè)面，沒(méi)有分類(lèi)。雖然這樣可以做到，但是會(huì )給以后的維護等工作帶來(lái)很多麻煩。建議創(chuàng )建一個(gè)大文件夾，將各個(gè)頻道的文件夾、網(wǎng)頁(yè)圖片文件夾、網(wǎng)頁(yè)內容圖片文件夾等一一包括在內，便于維護時(shí)找到各個(gè)文件夾。頁(yè)面的確切位置。

　　(3）搜索引擎優(yōu)化：

　　搜索引擎優(yōu)化是很多人都知道的優(yōu)化項目，也是一個(gè)完整的優(yōu)化工作中必不可少的一步?！?a href="http://www.bjpromise.cn/caiji/public_dict/" target="_blank">關(guān)鍵詞”是搜索引擎話(huà)題中的核心詞，幾乎所有的搜索引擎優(yōu)化問(wèn)題都圍繞著(zhù)“關(guān)鍵詞”展開(kāi)。有很多人一味追求在網(wǎng)頁(yè)中處處體現關(guān)鍵詞，認為這樣可以讓搜索引擎更容易找到。事實(shí)上，這樣做未必合適。比如前段時(shí)間流行的“重影秘籍”，做法就是用與網(wǎng)頁(yè)背景相同的顏色，隱藏頁(yè)面中的大量關(guān)鍵詞。很多人還在使用這種方法，但是隨著(zhù)搜索引擎越來(lái)越強大，這種方法已經(jīng)不是很有用了，甚至會(huì )適得其反。

　　“關(guān)鍵詞”的表達要合理。比如我們可以創(chuàng )建一個(gè)“網(wǎng)站navigation”頁(yè)面，網(wǎng)站navigation頁(yè)面會(huì )充分體現每個(gè)關(guān)鍵詞。該頁(yè)面不僅方便用戶(hù)使用，而且更易于使用，可以被搜索引擎找到，事半功倍。由于搜索引擎具有圖片搜索功能，網(wǎng)頁(yè)中的圖片也是體現關(guān)鍵詞的好地方。添加圖片到頁(yè)面后，別忘了給圖片起個(gè)“名字”（eg:<IMG SRC="images.gif" BORDER=0 ALT="image name">）我們給圖片起的名字可以成為關(guān)鍵字。域名中收錄關(guān)鍵字也很重要，但不宜過(guò)多。一般來(lái)說(shuō)，一兩個(gè)最重要的就足夠了。如果太多，會(huì )影響網(wǎng)站在搜索引擎中的排名，不方便用戶(hù)記憶。子頁(yè)面的名稱(chēng)也相同?，F在很多 網(wǎng)站 子頁(yè)面名稱(chēng)都是一堆關(guān)鍵詞。其實(shí)這樣會(huì )降低每一個(gè)關(guān)鍵詞出現的概率，結果每一個(gè)關(guān)鍵詞都會(huì )被擊中，即使忽略折扣也會(huì )適得其反。子頁(yè)面的命名也有很多知識。幾個(gè)關(guān)鍵詞組成了子頁(yè)面的名字，但是這些關(guān)鍵詞又是什么關(guān)系呢？如果關(guān)鍵字是用分隔符分隔的，那么搜索引擎就不會(huì )認為是一個(gè)詞，會(huì )把它們當作一個(gè)詞來(lái)處理，但是有些分隔符也是不被搜索引擎識別的，比如“_”和“

　　雖然現在很多網(wǎng)頁(yè)都很漂亮，但是不實(shí)用。我們以現在流行的跳轉頁(yè)面為例！現在很多公司網(wǎng)站流行做跳轉頁(yè)面，或者動(dòng)態(tài)flash或者美圖，他們覺(jué)得很漂亮，特別能體現公司的形象，其實(shí)不知道這樣做是非常影響搜索引擎搜索您的 網(wǎng)站。（搜索引擎無(wú)法通過(guò)FLASH找到你的真實(shí)內容頁(yè)面）

　　人性化優(yōu)化主要是交互性、易用性和網(wǎng)站性能的優(yōu)化。

　　我曾經(jīng)讀過(guò)美國著(zhù)名的優(yōu)化大師史蒂夫克魯格寫(xiě)的一本書(shū)。他倡導的效果優(yōu)化的第一原則是“不要讓我動(dòng)腦筋”?？赡苓@個(gè)概念好像沒(méi)有頭緒，第一次看到這句話(huà)的時(shí)候有點(diǎn)暈，做起來(lái)很困難?！皠e讓我動(dòng)腦”這個(gè)概念，對于不同的人有不同的概念，這要追溯到上面那句話(huà)“人性化優(yōu)化是最難的體驗，因為我們要猜測用戶(hù)的心理”。

　　人是不同的，每個(gè)人都會(huì )因生活的不同地域而產(chǎn)生文化差異，或因教育經(jīng)歷不同而對問(wèn)題的理解存在差異，又或因個(gè)人觀(guān)點(diǎn)和習慣不同等而存在差異。，我們想讓大家明白，我們的網(wǎng)站可以很方便的使用網(wǎng)站來(lái)達到他想要達到的目的。變得統一。

　　每個(gè)網(wǎng)站都會(huì )有不同的用途，比如電子商務(wù)網(wǎng)站、企業(yè)展示網(wǎng)站、個(gè)人網(wǎng)站等等。下面我們以最需要人文優(yōu)化的電子商務(wù)類(lèi)型網(wǎng)站為例，研究人文優(yōu)化的一般過(guò)程。

　　電子商務(wù)網(wǎng)站的概念很明確，就是體現商業(yè)，可以是網(wǎng)上購物，網(wǎng)上購票，也可以是網(wǎng)上交易平臺，總之就是讓用戶(hù)在互聯(lián)網(wǎng)上實(shí)現商業(yè)目的. 現在的電子商務(wù)網(wǎng)站一般有B2B（企業(yè)對企業(yè)）和B2C（企業(yè)對普通分散用戶(hù)）兩部分。

　　B2C是電子商務(wù)網(wǎng)站設計的最高層次。如果能成功B2C網(wǎng)站，那么任何其他的業(yè)務(wù)演示網(wǎng)站或者B2B業(yè)務(wù)網(wǎng)站等等都不算什么，原因很簡(jiǎn)單，因為提到的人和人的不同更多。電子商務(wù)網(wǎng)站一個(gè)非常重要的指標是“轉化率”（即瀏覽網(wǎng)頁(yè)的訪(fǎng)問(wèn)者轉化為客戶(hù)的比率）。這個(gè)概念也是我們衡量一個(gè)電商成功與否的重要指標網(wǎng)站，在優(yōu)化過(guò)程中也起著(zhù)重要的作用。

　　介紹了一些電子商務(wù)的相關(guān)概念之后，我們開(kāi)始談?wù)?。當我們要?yōu)化網(wǎng)站的時(shí)候，我們會(huì )很快的完成技術(shù)優(yōu)化，因為技術(shù)優(yōu)化有具體的步驟，需要優(yōu)化的項目也比較固定，有據Kei。但是很多人不知道如何從人性化優(yōu)化入手。其實(shí)很簡(jiǎn)單，就是“試”。

　　一般試用會(huì )分為兩個(gè)部分：首先我們自己嘗試一下，對網(wǎng)站有一個(gè)大概的了解，然后我們需要找一些普通用戶(hù)來(lái)試用一下。在普通用戶(hù)的試用過(guò)程中，我們不會(huì )給出任何提示，只需要默默的觀(guān)察他們的操作步驟，記錄下每個(gè)步驟的操作過(guò)程以及理解他們的一些想法所花費的時(shí)間?！霸囉谩焙?，我們可以根據測試結果分析需要修改的部分。請記住，在試用過(guò)程中，我們不得向被測用戶(hù)提供任何提示，并盡量不要打擾他們。

　　回到上面提到的“別讓我動(dòng)腦子”這個(gè)概念，其實(shí)這句話(huà)表達了一個(gè)“簡(jiǎn)單”的意思，簡(jiǎn)單是一個(gè)電商成功的基礎網(wǎng)站。我們需要貫穿整個(gè)網(wǎng)站 的每個(gè)部分的“簡(jiǎn)單”座右銘。下面我們根據“試”過(guò)程分析優(yōu)化過(guò)程中需要注意的問(wèn)題。從登錄到這個(gè)網(wǎng)站，我們能清楚地看到這個(gè)網(wǎng)站叫什么嗎？它是干什么用的？產(chǎn)品目錄在哪里？導航菜單在哪里？今日重點(diǎn)推薦產(chǎn)品在哪里？打折產(chǎn)品區在哪里？這一系列問(wèn)號是針對電子商務(wù)的網(wǎng)站，如果對于其他網(wǎng)站我們會(huì )考慮其他因素，例如對于新聞頁(yè)面，我們會(huì )考慮有今天的頭條新聞嗎？我想看看昨晚中國足球比賽的比分和圖片。在哪里？這類(lèi)測試沒(méi)有具體的規范，任何動(dòng)作都是隨機的，是我們的突然行動(dòng)，所以這種測試不能像商場(chǎng)或*敏*感*詞*等的測試那樣給我們一張長(cháng)桌。我們去吧畫(huà)叉子。所有的測試都應該非常自然地進(jìn)行，只有這樣我們才能真正了解用戶(hù)在使用過(guò)程中遇到的困難。我們去畫(huà)叉子吧。所有的測試都應該非常自然地進(jìn)行，只有這樣我們才能真正了解用戶(hù)在使用過(guò)程中遇到的困難。我們去畫(huà)叉子吧。所有的測試都應該非常自然地進(jìn)行，只有這樣我們才能真正了解用戶(hù)在使用過(guò)程中遇到的困難。

　　有時(shí)我們也可以給測試人一個(gè)問(wèn)題讓他完成，例如：讓他去網(wǎng)站買(mǎi)一張最新大片的DVD，或者讓他們找到最新的新聞甚至一個(gè)月前的新聞. 整個(gè)測試要在和諧的環(huán)境中進(jìn)行，不要讓參與測試的人感到緊張，這樣會(huì )大大降低測試結果的正確性。測試還需要根據資金、網(wǎng)站規模等制定不同的方案。

　　下面是一個(gè)用戶(hù)瀏覽一個(gè)網(wǎng)站的流程圖，這張圖可以幫助我們理解一個(gè)用戶(hù)瀏覽一個(gè)網(wǎng)站的整個(gè)過(guò)程。根據這張圖列出的步驟，我們可以仔細觀(guān)察用戶(hù)在測試過(guò)程中每個(gè)步驟所花費的時(shí)間以及他們在網(wǎng)站上完成工作時(shí)所做的事情，并仔細記錄和分析這些數據。數據也是我們優(yōu)化行動(dòng)的基礎。

　　通常我們優(yōu)化的重點(diǎn)會(huì )放在導航菜單、產(chǎn)品目錄、站內搜索、頁(yè)面布局、購買(mǎi)流程等等。下面我將舉幾個(gè)小例子來(lái)分析一下現在很多網(wǎng)站犯的錯誤，以及如何優(yōu)化它們。

　　讓我們先看看大多數 網(wǎng)站 會(huì )犯的文本錯誤。文本是網(wǎng)頁(yè)中最重要的元素之一。我們可以通過(guò)文本的顏色、大小和位置來(lái)區分它們的重要性。標題、內容等。網(wǎng)站主頁(yè)很多，一眼看去就是一段黑色的文字，馬上就不會(huì )喜歡這個(gè)網(wǎng)站了。這是我國很多網(wǎng)站的錯誤。網(wǎng)站 針對不同的目的會(huì )有不同的設計方向。很多企業(yè)的領(lǐng)導不會(huì )設計，會(huì )參考別人的網(wǎng)站向設計師提出自己的網(wǎng)站設計要求和想法，導致網(wǎng)站 對任何方向的感覺(jué)都一樣，從而失去了自己的主題。例如，當我們轉到 < @網(wǎng)站 有的公司，我們上去后看不到公司做什么。我們首先看到的是大型企業(yè)新聞。這么大的新聞感覺(jué)就像公司的網(wǎng)站變成了新聞網(wǎng)站。

　　有人說(shuō)要把公司介紹放在首頁(yè)，讓網(wǎng)站首頁(yè)的人可以看到我們公司是做什么的。這看起來(lái)確實(shí)是個(gè)好主意，但我們應該明確用戶(hù)是“瀏覽網(wǎng)頁(yè)”而不是“閱讀網(wǎng)頁(yè)”，這樣就沒(méi)有人對閱讀大段文字感興趣，用戶(hù)只會(huì )閱讀他們感興趣的東西。其他人基本都在瀏覽。

　　我們可以做一個(gè)簡(jiǎn)單的實(shí)驗，現在你可以把報紙遞給你旁邊的人，讓他們看報紙，仔細觀(guān)察他們是怎么看報紙的，每個(gè)人都會(huì )把整張報紙翻過(guò)來(lái)，至少他會(huì )讀A整頁(yè)標題，然后開(kāi)始閱讀 文章。絕對沒(méi)有人會(huì )拿起報紙從左上角或右下角開(kāi)始逐字閱讀。網(wǎng)站的優(yōu)勢在于“鏈接”，我們可以充分利用鏈接來(lái)引導用戶(hù)閱讀他們感興趣的內容，或者引導他們閱讀我們想讓他看到的內容。我們現在可以?xún)?yōu)化之前的網(wǎng)站，去掉首頁(yè)大片的文字，根據需要改成鏈接。

　　還有一個(gè)每個(gè)商家網(wǎng)站都會(huì )犯的錯誤，就是要求客戶(hù)填寫(xiě)注冊信息的時(shí)候必填字段太多。很多上網(wǎng)的人都有這樣的經(jīng)歷?，F在大部分商家網(wǎng)站都會(huì )有一個(gè)注冊欄。如果您注冊成為會(huì )員，您將獲得什么樣的服務(wù)？好吧，讓我們進(jìn)去注冊。點(diǎn)擊注冊按鈕打開(kāi)頁(yè)面，好人怎么有這么多條目，而且都是紅色星號的必填項！忘記或不注冊！一下子這個(gè)網(wǎng)站會(huì )因為注冊而失去很多客戶(hù)。有的人沒(méi)有被嚇跑，堅持填寫(xiě)。嗯，開(kāi)始填寫(xiě)用戶(hù)名、密碼、確認密碼……“*敏*感*詞*號”？“手機號碼” ? 一下子就停了，這些可以不填嗎？但是用紅色的星號，算了，我不想讓別人知道這個(gè)信息，我也去，看看其他的網(wǎng)站有沒(méi)有同樣的服務(wù)，需要的信息少一些，雖然其他的網(wǎng)站不好服務(wù)，不如這個(gè) 網(wǎng)站 出名。這是很多人上網(wǎng)的經(jīng)歷。網(wǎng)站 的許多所有者都渴望成功，并希望立即控制客戶(hù)的信息。他們會(huì )覺(jué)得這將在市場(chǎng)上占據領(lǐng)先地位。其實(shí)他們錯了，想想我們先讓用戶(hù)用我們的網(wǎng)站慢慢的他們覺(jué)得我們這里很安全，服務(wù)很好，有的人想要得到更多的服務(wù)，自然會(huì )注冊這些信息。但是，如果我們在用戶(hù)理解這一點(diǎn)之前嚇跑他們 網(wǎng)站 ，我們將徹底失去這部分用戶(hù)，這對網(wǎng)站和企業(yè)造成的損失遠遠大于那些無(wú)論如何注冊的用戶(hù)受益更多。因此，我們在優(yōu)化過(guò)程中看到網(wǎng)站的注冊過(guò)程中看到這些字段時(shí)，建議他們將必填字段改為自愿字段，并在一些關(guān)鍵頁(yè)面添加一些注冊客戶(hù)和普通客戶(hù)的信息。享受不同待遇的秘訣，這樣會(huì )起到事半功倍的效果。我們應該建議他們將必填字段更改為自愿字段，并在一些關(guān)鍵頁(yè)面中添加一些關(guān)于注冊客戶(hù)和普通客戶(hù)的信息。享受不同待遇的秘訣，這樣會(huì )起到事半功倍的效果。我們應該建議他們將必填字段更改為自愿字段，并在一些關(guān)鍵頁(yè)面中添加一些關(guān)于注冊客戶(hù)和普通客戶(hù)的信息。享受不同待遇的秘訣，這樣會(huì )起到事半功倍的效果。

　　我們已經(jīng)介紹了兩個(gè)人性化優(yōu)化的例子。由于這樣的例子很多，我們就不一一列舉了。我們必須在實(shí)際工作中加以總結。不是最好看的網(wǎng)頁(yè)就是最好的網(wǎng)頁(yè)，實(shí)用性比藝術(shù)性更重要。

　　上述優(yōu)化問(wèn)題適用于我們對現有 網(wǎng)站 的優(yōu)化。如果我們要制作一個(gè)新的網(wǎng)站，最好一開(kāi)始就考慮一些這樣的問(wèn)題，畢竟做任何事情都提前考慮總比事后彌補要好。這些只是我自己的一些經(jīng)驗總結，與大家分享。文章還有很多不足的地方，希望大家多加分！以后我會(huì )多交流的！希望大家都能做到最好的網(wǎng)站，提高中國網(wǎng)站設計制作行業(yè)在世界上的地位！