網頁技術優化
作者:晉城網站建設 日期:2011-01-22
網站技術優化指的是代碼的優化、目錄結構的優化和針對搜索引擎的優化等等針對技術方面的優化工作,一般都是看不見摸不著的但是會給用戶帶來不少方便也會給網站帶來更大的效益,技術優化有一定的模式而且需要優化的東西也比較固定相對簡單一些只是時間問題。
技術優化主要分為代碼優化、目錄結構優化和針對搜索引擎優化的三個部分。這一部分的優化工作主要是由網站開發人員測試提出方案完成的,而且有一定的規則,所以相對要簡單一些只是時間問題。
A、代碼優化:
代碼優化主要解決的問題就是頁面瀏覽速度和適應性的問題。文字和圖片是構成頁面的兩個主要因素,所以我們的優化也要從文字和圖片開始。文字我們在制作頁面的時候基本上都是定義好的一般使用宋體和12px,隨著代碼的標準化字體的樣式大小等等的指定應該使用css樣式表來完成,而現在被廣泛應用的<h1></h1>、<font size=×× color=××></font>等等標簽都是不標準的,也會慢慢被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,一定不要讓用戶橫向拖頁面。
B、目錄結構優化:
現在很多網站都將所有的頁面零散的放在同一個文件夾下而沒有分類,這樣做雖然可以但是會對以后的維護等工作帶來很大的麻煩。我建議應該是建立一個大文件夾,里邊包括各個頻道的文件夾、網頁頁面圖片文件夾、網頁內容圖片文件夾等等一個一個的單獨類別的文件夾,使得在維護時候可以方便的找到每一個頁面的具體位置。
C、針對搜索引擎的優化:
搜索引擎優化是很多人都知道的一種優化項目,也是完整的優化工作必不可少的一個步驟。 “關鍵字在搜索引擎這個話題里是一個核心的字眼,幾乎所有的針對搜索引擎優化問題都是圍繞著“關鍵字展開的。有很多人盲目的追求在網頁中處處體現關鍵字,覺得這樣就會更容易被搜索引擎搜到,其實這樣做并不一定合適。比如前一陣子流行過的“鬼影秘笈,方法就是用和網頁背景相同的顏色在頁面中隱藏了很多關鍵字,很多人現在還在用這個方法,但是隨著搜索引擎功能越來越強大這個方法已經不那么好用了,甚至會起到反作用。
“關鍵字的體現要合理,比如我們可以制作一個“網站導航的頁面,網站導航頁面會淋漓盡致的體現各個關鍵字,這個頁面不但方便用戶使用也會更容易的被搜索引擎找到起到事半功倍的作用。隨著搜索引擎都有了圖片搜索功能,網頁里邊的圖片也是體現關鍵詞的好地方,在頁面里邊加入圖片后千萬別忘記給圖片起一個“名字(如:<IMG SRC=images.gif WIDTH=100 HEIGHT=100 BORDER=0 ALT=圖片名稱>)我們給圖片的名稱就可以是關鍵字。
域名里邊含有關鍵字也很重要,但是不宜過多,一般一個或者兩個最重要的就可以了,如果過多就會影響網站在搜索引擎的排名而且不方便用戶記憶。子頁面的名稱也是一樣,現在很多網站的子頁面名稱就是關鍵字的堆砌,其實這樣會降低每個關鍵詞的出現機率,結果每個關鍵詞都被打了折扣甚至被忽略適得其反。在子頁面的命名上也有很大的學問,幾個關鍵詞構成了子頁面的名稱,但是這幾個關鍵詞用什么連接呢?如果用分隔符斷開關鍵字那么搜索引擎不會認為他們是一個一個的詞而會當他們是一個詞處理,但是有的分隔符搜索引擎同樣認不出來,比如“_和“-在google里邊下劃線“_就不被接受,所以建議大家使用“-和空格(空格碼:%20),一般所有的搜索引擎都會接受。
千萬不要用中文給頁面命名,頁面名稱、圖片名稱等等都要用英文字母(如:“首頁.html或者“圖片.gif一定要寫成“index.htm“image.gif 等等)。現在很多網頁雖然很好看但是并不實用,我們就拿現在很流行的跳轉頁面來說吧!現在很多企業網站都流行做一個跳轉頁面,或者是一段動感的flash或者是一張漂亮的圖片,他們認為這樣很漂亮特別能夠體現公司的形象,其實他們并不知道這樣做非常影響搜索引擎搜索你的網站。
技術優化主要分為代碼優化、目錄結構優化和針對搜索引擎優化的三個部分。這一部分的優化工作主要是由網站開發人員測試提出方案完成的,而且有一定的規則,所以相對要簡單一些只是時間問題。
A、代碼優化:
代碼優化主要解決的問題就是頁面瀏覽速度和適應性的問題。文字和圖片是構成頁面的兩個主要因素,所以我們的優化也要從文字和圖片開始。文字我們在制作頁面的時候基本上都是定義好的一般使用宋體和12px,隨著代碼的標準化字體的樣式大小等等的指定應該使用css樣式表來完成,而現在被廣泛應用的<h1></h1>、<font size=×× color=××></font>等等標簽都是不標準的,也會慢慢被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,一定不要讓用戶橫向拖頁面。
B、目錄結構優化:
現在很多網站都將所有的頁面零散的放在同一個文件夾下而沒有分類,這樣做雖然可以但是會對以后的維護等工作帶來很大的麻煩。我建議應該是建立一個大文件夾,里邊包括各個頻道的文件夾、網頁頁面圖片文件夾、網頁內容圖片文件夾等等一個一個的單獨類別的文件夾,使得在維護時候可以方便的找到每一個頁面的具體位置。
C、針對搜索引擎的優化:
搜索引擎優化是很多人都知道的一種優化項目,也是完整的優化工作必不可少的一個步驟。 “關鍵字在搜索引擎這個話題里是一個核心的字眼,幾乎所有的針對搜索引擎優化問題都是圍繞著“關鍵字展開的。有很多人盲目的追求在網頁中處處體現關鍵字,覺得這樣就會更容易被搜索引擎搜到,其實這樣做并不一定合適。比如前一陣子流行過的“鬼影秘笈,方法就是用和網頁背景相同的顏色在頁面中隱藏了很多關鍵字,很多人現在還在用這個方法,但是隨著搜索引擎功能越來越強大這個方法已經不那么好用了,甚至會起到反作用。
“關鍵字的體現要合理,比如我們可以制作一個“網站導航的頁面,網站導航頁面會淋漓盡致的體現各個關鍵字,這個頁面不但方便用戶使用也會更容易的被搜索引擎找到起到事半功倍的作用。隨著搜索引擎都有了圖片搜索功能,網頁里邊的圖片也是體現關鍵詞的好地方,在頁面里邊加入圖片后千萬別忘記給圖片起一個“名字(如:<IMG SRC=images.gif WIDTH=100 HEIGHT=100 BORDER=0 ALT=圖片名稱>)我們給圖片的名稱就可以是關鍵字。
域名里邊含有關鍵字也很重要,但是不宜過多,一般一個或者兩個最重要的就可以了,如果過多就會影響網站在搜索引擎的排名而且不方便用戶記憶。子頁面的名稱也是一樣,現在很多網站的子頁面名稱就是關鍵字的堆砌,其實這樣會降低每個關鍵詞的出現機率,結果每個關鍵詞都被打了折扣甚至被忽略適得其反。在子頁面的命名上也有很大的學問,幾個關鍵詞構成了子頁面的名稱,但是這幾個關鍵詞用什么連接呢?如果用分隔符斷開關鍵字那么搜索引擎不會認為他們是一個一個的詞而會當他們是一個詞處理,但是有的分隔符搜索引擎同樣認不出來,比如“_和“-在google里邊下劃線“_就不被接受,所以建議大家使用“-和空格(空格碼:%20),一般所有的搜索引擎都會接受。
千萬不要用中文給頁面命名,頁面名稱、圖片名稱等等都要用英文字母(如:“首頁.html或者“圖片.gif一定要寫成“index.htm“image.gif 等等)。現在很多網頁雖然很好看但是并不實用,我們就拿現在很流行的跳轉頁面來說吧!現在很多企業網站都流行做一個跳轉頁面,或者是一段動感的flash或者是一張漂亮的圖片,他們認為這樣很漂亮特別能夠體現公司的形象,其實他們并不知道這樣做非常影響搜索引擎搜索你的網站。