談網頁優化

談起網頁的優化這個問題許多人都沒有什么概念，有許多的業內人士都對網頁優化一竅不通或許知之甚少。說起對網頁優化的了解，我從前去各大查找引擎上查找過“網頁優化”一類的論題，成果都是介紹怎樣優化查找引擎排名的文章，其實這僅僅優化概念的一個組成部分，而網頁的優化作業是由許多方面的優化組成的，作為一名優秀的網頁優化作業人員必須具備多方面的常識，不僅僅要掌握網站規劃制造技能（包含網站架構規劃、網頁規劃以及制造頁面編寫代碼等等）；還要掌握許多計算機其他方面的常識(包含電子商務、人機交互、易用性和一些相關的軟件常識等等)；乃至需求掌握心思學、商業運作等相關常識。 
我以為網頁的優化應該是由兩個方面組成的：1.技能優化，2.人文優化（這個分類僅僅我總結的，沒有人給出過具體界說）。技能優化指的是代碼的優化、目錄結構的優化和針對查找引擎的優化等等針對技能方面的優化作業，一般都是看不見摸不著的可是會給用戶帶來不少便利也會給網站帶來更大的效益，技能優化有必定的模式并且需求優化的東西也比較固定相對簡略一些僅僅時間問題；人文優化指的是交互性優化、易用性優化等等針對用戶運用方面的優化作業，這一部分是網站用戶看得見摸的著的東西，人文優化是最花閱歷最困難的由于咱們要猜想運用者的心思。下面我就分別對這兩個方面進行解釋。

1． 技能優化：

技能優化首要分為代碼優化、目錄結構優化和針對查找引擎的優化三個部分。這一部分的優化作業首要是由網站開發人員測驗提出方案完結的，并且有必定的規矩，所以相對要簡略一些僅僅時間問題。

（1）代碼優化：

代碼優化首要處理的問題便是頁面閱覽速度和適應性的問題。文字和圖片是構成頁面的兩個首要因素，所以咱們的優化也要從文字和圖片開端。文字咱們在制造頁面的時分基本上都是界說好的一般運用宋體和12px，跟著代碼的規范化字體的樣式巨細等等的指定應該運用css樣式表來完結，而現在被廣泛運用的、等等標簽都是不規范的，也會漸漸被css替代，現在許多大型的網站包含各個門戶網站像是這樣不規范的問題仍是廣泛存在簡直每個頁面都會有，所以css樣式表是咱們在優化過程中應該留意查看的問題（其實這個問題應該是在頁面制造的時分就處理的）。圖片問題首要存在size過大的問題，在這兒咱們把圖片的優化歸在代碼優化一部分一起介紹而不另分一類，是由于圖片優化與代碼內容優化的意圖是相同的。網頁中一般運用兩種格局的圖片jpeg和gif，這兩種圖片的運用許多人把握的并不是很好，jpeg適用于色彩比較多、構成比較復雜的圖片（比方一些相片、漸變色彩等等），gif適用于色彩比較少、構成比較簡略的圖片（比方網站的logo、大的色塊構成的圖片等等）。Gif圖片特別要留意導出的時分挑選色彩數目這樣也會到達很好的減小尺度的作用。關于一些比較大的圖片咱們還能夠將它切割成比較小的圖片進行拼接這樣也能夠進步網頁的下載速度。減小網頁size進步網頁下載速度還有一種簡易的辦法便是運用一些網頁減肥的小東西，咱們能夠去下載一些這樣的東西他們能夠使你的網頁縮小20％～50％到達事半功倍的作用。表格是頁面最重要的排版辦法，在閱覽器讀取網頁代碼的時分，必須讀完一個完好的table才會顯現出來， 假如一個大的table里面含有許多小的table那么閱覽器會在讀完好個大的table才將整個的內容顯現出來。咱們在閱覽一些頁面的時分常常會呈現頁面半天才會顯現出來，最后是在等不及了按了“停止”按鈕，頁面一會兒顯現出來了，這便是在一些小的table外邊嵌套了一個大的table，而小table現已讀完了便是還沒讀完好個的table閱覽器不會顯現，這樣會大大減慢頁面閱覽速度。因此咱們要盡量削減表格層次，盡量避免將一些小的表格嵌套在大的表格中心。還應該留意的是在運用dreamweaver制造網頁的時分常常會呈現許多垃圾代碼，留意查看刪去一些沒有用的代碼。網頁的適應性便是在不同系統、不同閱覽器和不同分辨率的適應能力。要留意的是分辨率，應該最低照顧到800×600的用戶（分辨率800×600的顯現尺度780×428、分辨率1024×768的顯現尺度1007×600），所以頁面最寬不要超過780，必定不要讓用戶橫向拖頁面。

（2）目錄結構優化：

現在許多網站都將一切的頁面零星的放在同一個文件夾下而沒有分類，這樣做雖然能夠可是會對今后的保護等作業帶來很大的費事。我建議應該是建立一個大文件夾，里面包含各個頻道的文件夾、網頁頁面圖片文件夾、網頁內容圖片文件夾等等一個一個的單獨類其他文件夾，使得在保護時分能夠便利的找到每一個頁面的具體方位。

（3）針對查找引擎的優化：

查找引擎優化是許多人都知道的一種優化項目，也是完好的優化作業必不可少的一個過程。 “要害字”在查找引擎這個論題里是一個中心的字眼，簡直一切的針對查找引擎優化問題都是圍繞著“要害字”展開的。有許多人盲意圖追求在網頁中處處體現要害字，覺得這樣就會更簡略被查找引擎搜到，其實這樣做并不必定合適。比方前一陣子流行過的“鬼影秘笈”，辦法便是用和網頁背景相同的色彩在頁面中隱藏了許多要害字，許多人現在還在用這個辦法，可是跟著查找引擎功用越來越強壯這個辦法現已不那么好用了，乃至會起到反作用?！耙�害字”的體現要合理，比方咱們能夠制造一個“網站導航”的頁面，網站導航頁面會淋漓盡致的體現各個要害字，這個頁面不光便利用戶運用也會更簡略的被查找引擎找到起到事半功倍的作用。跟著查找引擎都有了圖片查找功用，網頁里面的圖片也是體現要害詞的好地方，在頁面里面加入圖片后千萬別忘記給圖片起一個“名字”咱們給圖片的稱號就可所以要害字。域名里面含有要害字也很重要，可是不宜過多，一般一個或許兩個最重要的就能夠了，假如過多就會影響網站在查找引擎的排名并且不便利用戶回憶。子頁面的稱號也是相同，現在許多網站的子頁面稱號便是要害字的堆砌，其實這樣會下降每個要害詞的呈現機率，成果每個要害詞都被打了扣頭乃至被疏忽適得其反。在子頁面的命名上也有很大的學問，幾個要害詞構成了子頁面的稱號，可是這幾個要害詞用什么銜接呢？假如用分隔符斷開要害字那么查找引擎不會以為他們是一個一個的詞而會當他們是一個詞處理，可是有的分隔符查找引擎同樣認不出來，比方“_”和“-”在google里面下劃線“_”就不被承受，所以建議大家運用“-”和空格（空格碼：％20），一般一切的查找引擎都會承受。千萬不要用中文給頁面命名，頁面稱號、圖片稱號等等都要用英文字母（如：“首頁.html”或許“圖片.gif”必定要寫成“index.htm”“image.gif” 等等）?，F在許多網頁雖然很美觀可是并不有用，咱們就拿現在很流行的跳轉頁面來說吧！現在許多企業網站都流行做一個跳轉頁面，或許是一段動感的flash或許是一張美麗的圖片，他們以為這樣很美麗特別能夠體現公司的形象，其實他們并不知道這樣做十分影響查找引擎查找你的網站。

2． 人文優化：

人文優化首要是交互、易用性和網站體現的優化。我從前看過一本書是美國著名的優化大師斯蒂夫.克魯格寫的，他推崇的作用優化榜首準則便是“別讓我動腦”。也許這個概念看上去如同一點條理沒有，我榜首次接觸這句話的時分也是有點暈，假如想要做到這一點那可是十分困難的?！皠e讓我動腦”這個概念在不同的人身上有著不相同的概念，這就回到了上邊所說的“人文優化是最花閱歷最困難的由于咱們要猜想運用者的心思”這句話。人和人是不相同的，每個人會由于生活的地域不同有著文化差異，或許由于遭到的教育閱歷不同有著了解問題的差異，或許是個人觀點和習慣的不同等等有著各種各樣的差異，咱們要讓一切人都能夠了解咱們的網站能夠便利的運用網站到達他想要到達的意圖這簡直是太難了，而人文優化要做的便是要把這些差異變為一致。各個網站都會有不同的意圖，有電子商務網站、企業的展示網站、個人站點等等?，F在咱們就以最最需求進行人文優化的電子商務類型網站為例研究人文優化的大約過程。電子商務網站這個概念很明確，便是要體現商務，可所以網上購物的、可所以在線票務的、可所以網上的交易平臺，總之便是讓用戶在網絡上實現商務意圖?，F在電子商務網站大體會有兩個部分B2B（商家對商家）、B2C（商家對普通零星用戶），B2C是電子商務網站規劃的最高境地，假如能夠做出成功的B2C網站那么其他什么企業展示網站或許B2B的商務網站等等就都不算什么了，原因也很簡略，便是由于上邊所提過的人和人的差異。電子商務網站有一個很重要的指標便是“轉化率”（也便是上網閱覽網頁的閱覽者轉變為顧客的比率）。這個概念也便是咱們衡量一個電子商務網站是否成功的重要指標，他也在優化過程中占有重要地位。介紹完電子商務的一些相關概念咱們言歸正傳，當咱們要對網站進行優化的時分，咱們很快的就完結技能優化，由于技能優化有特定的過程需求優化的項目也比較固定并且有據可依?？墒窃S多人不知道人文優化該怎樣下手，其實也很簡略那便是“試用”，一般試用會分為兩個部分：首先咱們會自己試用一下對網站有一個大約的了解，然后咱們需求找一些普通用戶進行試用，在普通用戶試用過程中咱們不會給予任何提示只需求默默的觀察他們的操作過程記錄每一個過程的操作過程和所用時間了解他們的一些想法。在“試用”今后咱們就能夠依據測驗的成果分分出需求修正的部分。切記在試用過程中咱們千萬不能給被測驗的用戶任何提示盡量不要打擾他們。說回上邊提到的“別讓我動腦”這個概念，其實這句話就表達了一個意思便是“簡略”，運用簡略是一個電子商務網站成功的基礎?！昂喡浴敝髦荚蹅冃枨筘灤┱麄�網站的每一個部分。下邊咱們依照“試用”流程剖析一下在優化過程中需求留意的問題。從登陸這個網站開端，咱們是不是能夠清楚的看到這個網站叫什么名字？是干什么的？那里是產品的目錄？那里是導航菜單？那里是今日的要點引薦產品？那里是扣頭產品專區？這一連串的問號是針對電子商務網站而言的，假如關于其他網站咱們會考慮其他因素，比方針對一個新聞頁面而言，咱們就會考慮那里是今日的頭條新聞？我要看昨天晚上中國隊足球賽的比分和圖片在那里？等等。這種測驗并沒有特定的規范，任何動作都是隨機的都是咱們突發的動作，所以這樣的測驗不能像是那種商場或許專賣店等等地方的測驗相同給咱們一個很長的表格讓咱們去畫對勾畫杈子。一切測驗做的都要十分天然，只要這樣咱們才能夠真正了解到用戶在運用過程中遇到的困難。咱們有的時分也能夠給被測驗人一個標題讓他去完結，比方：讓他去網站上買一張最新的大片DVD，或許然他們去查找一個最新的音訊乃至是一條一個月曾經的音訊。整個測驗都要在調和的環境下進行，不要讓參與測驗的人感到嚴重，那樣會大大下降測驗成果的正確性。測驗還需求依據經費、網站規模等等狀況制定不同的方案。

通常咱們優化的要點都會集中在導航菜單、產品目錄、站內查找、頁面布局、購買流程等等。下邊我要舉一些小比方剖析一下現在許多網站所犯的過錯，咱們怎樣進行優化。

咱們先看一個大多數網站都會犯下的文字過錯，文字是構成網頁的最重要的元素之一，咱們文字能夠用文字的色彩、巨細和方位來區分他們的重要性，分為標題、內容等等。有許多網站的首頁進去咱們一眼看到的是黑漆漆的一片文字，馬上咱們會對這個網站都沒有好感。這便是咱們國內許多網站都有的過錯，網站會因不同的意圖有不同的規劃方向，許多企業的領導者并不懂得規劃，他們會去參閱一些他人的網站來對規劃者提出自己網站的規劃要求和想法，這樣就會形成不管什么方向的網站感覺都相同，然后失去了自己的主題。比方現在咱們去一些企業的網站，上去之后沒看到這個企業是干什么的，榜首眼便是大片的企業新聞，這樣的大片新聞感覺企業網站變成了新聞網站。有人說了那咱們把企業介紹放在首頁吧，這樣一上網站的首頁人家就看見咱們公司是做什么的了?？瓷先フ媸呛弥饕?，可是咱們應該明確一點用戶是在“閱覽網頁”而不是在“閱覽網頁”，這樣大片的文字根本不會有人有愛好看，用戶只會對自己感愛好的東西進行閱覽，其它基本上都是閱覽。咱們能夠作一個簡略的實驗，現在你能夠遞給你身邊的一個人一張報紙，讓他們看報紙，仔細觀察一下他們怎樣看報紙，每一個人都會整個把報紙翻一下，起碼他會看完一整版的標題然后開端閱覽一個文章?？隙�沒有人會拿起報紙從左上角或許右下角開端一個字一個字的閱覽報紙。網站的好處便是在于“鏈接”，咱們能夠充沛的利用鏈接引導用戶閱覽他們感愛好的東西，或許引導他們閱覽咱們希望他看見的東西。咱們現在就能夠去優化一下曾經的網站了，去掉首頁大片的文字，依據需求改成鏈接。

還有一個各個商業網站都會犯下的過錯，便是在讓客戶填寫注冊信息的時分需求必填的欄目太多。許多上網的人都有這樣的閱歷，現在大多說商務網站都會有注冊一欄，假如注冊成為會員就會有什么什么樣的服務，很好咱們進去注冊一下吧。點擊注冊按鈕，翻開頁面，好家伙怎樣要天那么多條，還都是畫著紅色星號的必填！算了仍是不注冊了！一會兒這個網站會由于注冊少了許多顧客。有的人沒被嚇跑堅持填寫，好吧開端填寫了用戶名、暗碼、確認暗碼……“身份證號碼”？“手機號碼”？一會兒咱們停住了，不填這些能夠么？可是畫著紅色星號，算了我不想讓他人知道這些信息，我也走吧，看看其他網站有沒有同樣的服務并且需求的信息少一點，雖然其他網站服務不好并且不如這個網站有名氣。這便是許多人上網的閱歷，許多網站的具有者急于求成，想馬上操控到客戶的資料，他們會覺得這樣就會占到商場的先機。其實他們錯了，想一下咱們先讓用戶都來運用咱們的網站漸漸的他們覺得咱們這兒很安全并且服務很好就會有人想得到更多的服務，他們天然而然的就會注冊這些信息了?？墒窃蹅冊谟脩暨�沒有了解這個網站的時分就把他們嚇跑了咱們就會完全的失去這部分用戶的，這樣給網站和企業帶來的丟失要遠遠大于那些不管怎樣都會注冊的用戶帶來的利益要大。所以當咱們在優化過程中看到網站的注冊過程中有這些欄意圖時分咱們要建議他們把必填改為自愿填寫，并且在一些要害頁面里面添加一些關于注冊客戶和普通客戶會享用不同待遇的提示，這樣會起到事半功倍的作用。

咱們現已介紹了兩個關于人文優化的比方，由于這樣的比方許多咱們也不一一列舉，要在實際的作業中去總結。并不是最美觀的網頁便是最好的網頁，有用性要比藝術性更重要。

上邊這些優化的問題適用于咱們對一個已有的網站進行優化，假如咱們要重新做一個新的網站，最好在初期就考慮一些這樣的問題，畢竟做任何事事前考慮要比事后補償強的多。