網(wǎng)頁(yè)優(yōu)化如何做?有哪些方法?
網(wǎng)頁(yè)的優(yōu)化應(yīng)該是由兩個(gè)方面組成的:1.技術(shù)優(yōu)化,2.人文優(yōu)化(這個(gè)分類只是我總結(jié)的,沒(méi)有人給出過(guò)具體定義)。技術(shù)優(yōu)化指的是代碼的優(yōu)化、目錄結(jié)構(gòu)的優(yōu)化和針對(duì)搜索引擎的優(yōu)化等等針對(duì)技術(shù)方面的優(yōu)化工作,一般都是看不見(jiàn)摸不著的但是會(huì)給用戶帶來(lái)不少方便也會(huì)給網(wǎng)站帶來(lái)更大的效益,技術(shù)優(yōu)化有一定的模式而且需要優(yōu)化的東西也比較固定相對(duì)簡(jiǎn)單一些只是時(shí)間問(wèn)題;人文優(yōu)化指的是交互性優(yōu)化、易用性優(yōu)化等等針對(duì)用戶使用方面的優(yōu)化工作,這一部分是網(wǎng)站用戶看得見(jiàn)摸的著的東西,人文優(yōu)化是最花經(jīng)歷最困難的因?yàn)槲覀円聹y(cè)使用者的心理。下面時(shí)間財(cái)富網(wǎng)小編就分別對(duì)這兩個(gè)方面進(jìn)行解釋。
1. 技術(shù)優(yōu)化:
技術(shù)優(yōu)化主要分為代碼優(yōu)化、目錄結(jié)構(gòu)優(yōu)化和針對(duì)搜索引擎的優(yōu)化三個(gè)部分。這一部分的優(yōu)化工作主要是由網(wǎng)站開(kāi)發(fā)人員測(cè)試提出方案完成的,而且有一定的規(guī)則,所以相對(duì)要簡(jiǎn)單一些只是時(shí)間問(wèn)題。
?。?)代碼優(yōu)化:
代碼優(yōu)化主要解決的問(wèn)題就是頁(yè)面瀏覽速度和適應(yīng)性的問(wèn)題。
文字和圖片是構(gòu)成頁(yè)面的兩個(gè)主要因素,所以我們的優(yōu)化也要從文字和圖片開(kāi)始。文字我們?cè)谥谱黜?yè)面的時(shí)候基本上都是定義好的一般使用宋體和12px,隨著代碼的標(biāo)準(zhǔn)化字體的樣式大小等等的指定應(yīng)該使用css樣式表來(lái)完成,而
現(xiàn)在被廣泛應(yīng)用的、等等標(biāo)簽都是不標(biāo)準(zhǔn)的,也會(huì)慢慢被css取代,現(xiàn)在很多大型的網(wǎng)站包括各個(gè)門戶網(wǎng)站像是這樣不標(biāo)準(zhǔn)的問(wèn)題還是廣泛存在幾乎每個(gè)頁(yè)面都會(huì)有,所以css樣式表是我們?cè)趦?yōu)化過(guò)程中應(yīng)該注意檢查的問(wèn)題(其實(shí)這個(gè)問(wèn)題應(yīng)該是在頁(yè)面制作的時(shí)候就解決的)。圖片問(wèn)題主要存在size過(guò)大的問(wèn)題,在這里我們把圖片的優(yōu)化歸在代碼優(yōu)化一部分一起介紹而不另分一類,是因?yàn)閳D片優(yōu)化與代碼內(nèi)容優(yōu)化的目的是一樣的。
網(wǎng)頁(yè)中一般應(yīng)用兩種格式的圖片jpeg和gif,這兩種圖片的應(yīng)用很多人把握的并不是很好,jpeg適用于顏色比較多、構(gòu)成比較復(fù)雜的圖片(比如一些照片、漸變顏色等等),gif適用于顏色比較少、構(gòu)成比較簡(jiǎn)單的圖片(比如網(wǎng)站的logo、大的色塊構(gòu)成的圖片等等)。Gif圖片尤其要注意導(dǎo)出的時(shí)候選擇顏色數(shù)目這樣也會(huì)達(dá)到很好的減小尺寸的效果。對(duì)于一些比較大的圖片我們還可以將它切割成比較小的圖片進(jìn)行拼接這樣也可以提高網(wǎng)頁(yè)的下載速度。減小網(wǎng)頁(yè)size提高網(wǎng)頁(yè)下載速度還有一種簡(jiǎn)易的方法就是使用一些網(wǎng)頁(yè)減肥的小工具,我們可以去下載一些這樣的工具他們可以使你的網(wǎng)頁(yè)縮小20%~50%達(dá)到事半功倍的效果。表格是頁(yè)面最重要的排版方式,在瀏覽器讀取網(wǎng)頁(yè)代碼的時(shí)候,必須讀完一個(gè)完整的table才會(huì)顯示出來(lái),
如果一個(gè)大的table里邊含有很多小的table那么瀏覽器會(huì)在讀完整個(gè)大的table才將整個(gè)的內(nèi)容顯示出來(lái)。
我們?cè)跒g覽一些頁(yè)面的時(shí)候經(jīng)常會(huì)出現(xiàn)頁(yè)面半天才會(huì)顯示出來(lái),最后是在等不及了按了“停止”按鈕,頁(yè)面一下子顯示出來(lái)了,這就是在一些小的table外邊嵌套了一個(gè)大的table,而小table已經(jīng)讀完了就是還沒(méi)讀完整個(gè)的table瀏覽器不會(huì)顯示,這樣會(huì)大大減慢頁(yè)面瀏覽速度。
因此我們要盡量減少表格層次,盡量避免將一些小的表格嵌套在大的表格中間。
還應(yīng)該注意的是在使用dreamweaver制作網(wǎng)頁(yè)的時(shí)候經(jīng)常會(huì)出現(xiàn)很多垃圾代碼,注意檢查刪除一些沒(méi)有用的代碼。
網(wǎng)頁(yè)的適應(yīng)性就是在不同系統(tǒng)、不同瀏覽器和不同分辨率的適應(yīng)能力。要注意的是分辨率,應(yīng)該最低照顧到800×600的用戶(分辨率800×600的顯示尺寸780×428、分辨率1024×768的顯示尺寸1007×600),所以頁(yè)面最寬不要超過(guò)780,一定不要讓用戶橫向拖頁(yè)面。
?。?)目錄結(jié)構(gòu)優(yōu)化:
現(xiàn)在很多網(wǎng)站都將所有的頁(yè)面零散的放在同一個(gè)文件夾下而沒(méi)有分類,這樣做雖然可以但是會(huì)對(duì)以后的維護(hù)等工作帶來(lái)很大的麻煩。我建議應(yīng)該是建立一個(gè)大文件夾,里邊包括各個(gè)頻道的文件夾、網(wǎng)頁(yè)頁(yè)面asp>圖片文件夾、網(wǎng)頁(yè)內(nèi)容asp>圖片文件夾等等一個(gè)一個(gè)的單獨(dú)類別的文件夾,使得在維護(hù)時(shí)候可以方便的找到每一個(gè)頁(yè)面的具體位置。
(3)針對(duì)搜索引擎的優(yōu)化:
搜索引擎優(yōu)化是很多人都知道的一種優(yōu)化項(xiàng)目,也是完整的優(yōu)化工作必不可少的一個(gè)步驟。
“關(guān)鍵字”在搜索引擎這個(gè)話題里是一個(gè)核心的字眼,幾乎所有的針對(duì)搜索引擎優(yōu)化問(wèn)題都是圍繞著“關(guān)鍵字”展開(kāi)的。有很多人盲目的追求在網(wǎng)頁(yè)中處處體現(xiàn)關(guān)鍵字,覺(jué)得這樣就會(huì)更容易被搜索引擎搜到,其實(shí)這樣做并不一定合適。比如前一陣子流行過(guò)的“鬼影秘笈”,方法就是用和網(wǎng)頁(yè)背景相同的顏色在頁(yè)面中隱藏了很多關(guān)鍵字,很多人現(xiàn)在還在用這個(gè)方法,但是隨著搜索引擎功能越來(lái)越強(qiáng)大這個(gè)方法已經(jīng)不那么好用了,甚至?xí)鸬椒醋饔谩?/p>
“關(guān)鍵字”的體現(xiàn)要合理,比如我們可以制作一個(gè)“網(wǎng)站導(dǎo)航”的頁(yè)面,網(wǎng)站導(dǎo)航頁(yè)面會(huì)淋漓盡致的體現(xiàn)各個(gè)關(guān)鍵字,這個(gè)頁(yè)面不但方便用戶使用也會(huì)更容易的被搜索引擎找到起到事半功倍的作用。
隨著搜索引擎都有了圖片搜索功能,網(wǎng)頁(yè)里邊的asp>圖片也是體現(xiàn)關(guān)鍵詞的好地方,在頁(yè)面里邊加入圖片后千萬(wàn)別忘記給圖片起一個(gè)“名字”
?。ㄈ纾海?/p>
我們給圖片的名稱就可以是關(guān)鍵字。域名里邊含有關(guān)鍵字也很重要,但是不宜過(guò)多,一般一個(gè)或者兩個(gè)最重要的就可以了,如果過(guò)多就會(huì)影響網(wǎng)站在搜索引擎的排名而且不方便用戶記憶。
子頁(yè)面的名稱也是一樣,現(xiàn)在很多網(wǎng)站的子頁(yè)面名稱就是關(guān)鍵字的堆砌,其實(shí)這樣會(huì)降低每個(gè)關(guān)鍵詞的出現(xiàn)機(jī)率,結(jié)果每個(gè)關(guān)鍵詞都被打了折扣甚至被忽略適得其反。
在子頁(yè)面的命名上也有很大的學(xué)問(wèn),幾個(gè)關(guān)鍵詞構(gòu)成了子頁(yè)面的名稱,但是這幾個(gè)關(guān)鍵詞用什么連接呢?
如果用分隔符斷開(kāi)關(guān)鍵字那么搜索引擎不會(huì)認(rèn)為他們是一個(gè)一個(gè)的詞而會(huì)當(dāng)他們是一個(gè)詞處理,但是有的分隔符搜索引擎同樣認(rèn)不出來(lái),比如“_”和“-”在google里邊下劃線“_”就不被接受,所以建議大家使用“-”和空格(空格碼:%20),一般所有的搜索引擎都會(huì)接受。
千萬(wàn)不要用中文給頁(yè)面命名,頁(yè)面名稱、圖片名稱等等都要用英文字母(如:“首頁(yè).html”或者“圖片.gif”一定要寫成“index.htm”“image.gif”等等)。
現(xiàn)在很多網(wǎng)頁(yè)雖然很好看但是并不實(shí)用,我們就拿現(xiàn)在很流行的跳轉(zhuǎn)頁(yè)面來(lái)說(shuō)吧!現(xiàn)在很多企業(yè)網(wǎng)站都流行做一個(gè)跳轉(zhuǎn)頁(yè)面,或者是一段動(dòng)感的flash或者是一張漂亮的圖片,他們認(rèn)為這樣很漂亮特別能夠體現(xiàn)公司的形象,其實(shí)他們并不知道這樣做非常影響搜索引擎搜索你的網(wǎng)站。
2. 人文優(yōu)化:
人文優(yōu)化主要是交互、易用性和網(wǎng)站表現(xiàn)的優(yōu)化。
我曾經(jīng)看過(guò)一本書是美國(guó)著名的優(yōu)化大師斯蒂夫.克魯格寫的,他推崇的效果優(yōu)化第一原則就是“別讓我動(dòng)腦”。
也許這個(gè)概念看上去好像一點(diǎn)頭緒沒(méi)有,我第一次接觸這句話的時(shí)候也是有點(diǎn)暈,如果想要做到這一點(diǎn)那可是非常困難的。
“別讓我動(dòng)腦”這個(gè)概念在不同的人身上有著不一樣的概念,這就回到了上邊所說(shuō)的“人文優(yōu)化是最花經(jīng)歷最困難的因?yàn)槲覀円聹y(cè)使用者的心理”這句話。人和人是不一樣的,每個(gè)人會(huì)因?yàn)樯畹牡赜虿煌兄幕町?,或者因?yàn)槭艿降慕逃?jīng)歷不同有著理解問(wèn)題的差異,或者是個(gè)人觀點(diǎn)和習(xí)慣的不同等等有著各種各樣的差異,我們要讓所有人都能夠理解我們的網(wǎng)站能夠方便的使用網(wǎng)站達(dá)到他想要達(dá)到的目的這簡(jiǎn)直是太難了,而人文優(yōu)化要做的就是要把這些差異變?yōu)榻y(tǒng)一。
各個(gè)網(wǎng)站都會(huì)有不同的目的,有電子商務(wù)網(wǎng)站、企業(yè)的展示網(wǎng)站、個(gè)人站點(diǎn)等等?,F(xiàn)在我們就以最最需要進(jìn)行人文優(yōu)化的電子商務(wù)類型網(wǎng)站為例研究人文優(yōu)化的大概過(guò)程。電子商務(wù)網(wǎng)站這個(gè)概念很明確,就是要體現(xiàn)商務(wù),可以是網(wǎng)上購(gòu)物的、可以是在線票務(wù)的、可以是網(wǎng)上的交易平臺(tái),總之就是讓用戶在網(wǎng)絡(luò)上實(shí)現(xiàn)商務(wù)目的。
現(xiàn)在電子商務(wù)網(wǎng)站大體會(huì)有兩個(gè)部分B2B(商家對(duì)商家)、B2C(商家對(duì)普通零散用戶),B2C是電子商務(wù)網(wǎng)站設(shè)計(jì)的最高境界,如果能夠做出成功的B2C網(wǎng)站那么別的什么企業(yè)展示網(wǎng)站或者B2B的商務(wù)網(wǎng)站等等就都不算什么了,原因也很簡(jiǎn)單,就是因?yàn)樯线吽徇^(guò)的人和人的差異。
電子商務(wù)網(wǎng)站有一個(gè)很重要的指標(biāo)就是“轉(zhuǎn)化率”(也就是上網(wǎng)瀏覽網(wǎng)頁(yè)的瀏覽者轉(zhuǎn)變?yōu)轭櫩偷谋嚷剩?/p>
這個(gè)概念也就是我們衡量一個(gè)電子商務(wù)網(wǎng)站是否成功的重要指標(biāo),他也在優(yōu)化過(guò)程中占有重要地位。介紹完電子商務(wù)的一些相關(guān)概念我們言歸正傳,當(dāng)我們要對(duì)網(wǎng)站進(jìn)行優(yōu)化的時(shí)候,我們很快的就完成技術(shù)優(yōu)化,因?yàn)榧夹g(shù)優(yōu)化有特定的步驟需要優(yōu)化的項(xiàng)目也比較固定而且有據(jù)可依。
(查看評(píng)論) |
Copyright © 2012 - dzczkj.com.cn All Rights Reserved.
人體穴位網(wǎng) 版權(quán)所有