談網(wǎng)頁優(yōu)化

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

1． 技能優(yōu)化：

技能優(yōu)化首要分為代碼優(yōu)化、目錄結(jié)構(gòu)優(yōu)化和針對查找引擎的優(yōu)化三個(gè)部分。這一部分的優(yōu)化作業(yè)首要是由網(wǎng)站開發(fā)人員測驗(yàn)提出方案完結(jié)的，并且有必定的規(guī)矩，所以相對要簡略一些僅僅時(shí)間問題。

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

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

（2）目錄結(jié)構(gòu)優(yōu)化：

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

（3）針對查找引擎的優(yōu)化：

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

2． 人文優(yōu)化：

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

通常咱們優(yōu)化的要點(diǎn)都會集中在導(dǎo)航菜單、產(chǎn)品目錄、站內(nèi)查找、頁面布局、購買流程等等。下邊我要舉一些小比方剖析一下現(xiàn)在許多網(wǎng)站所犯的過錯(cuò)，咱們怎樣進(jìn)行優(yōu)化。

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

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

咱們現(xiàn)已介紹了兩個(gè)關(guān)于人文優(yōu)化的比方，由于這樣的比方許多咱們也不一一列舉，要在實(shí)際的作業(yè)中去總結(jié)。并不是最美觀的網(wǎng)頁便是最好的網(wǎng)頁，有用性要比藝術(shù)性更重要。

上邊這些優(yōu)化的問題適用于咱們對一個(gè)已有的網(wǎng)站進(jìn)行優(yōu)化，假如咱們要重新做一個(gè)新的網(wǎng)站，最好在初期就考慮一些這樣的問題，畢竟做任何事事前考慮要比事后補(bǔ)償強(qiáng)的多。