建站常識
談網頁優(yōu)化及網站優(yōu)化的技巧
2006-07-20 12:04:00
談起網頁的優(yōu)化這個問題很多人都沒有什么概念,有很多的業(yè)內人士都對網頁優(yōu)化一無所知或者知之甚少。說起對網頁優(yōu)化的理解,我曾經去各大搜索引擎上搜索過"網頁優(yōu)化"一類的話題,結果都是介紹如何優(yōu)化搜索引擎排名的文章,其實這只是優(yōu)化概念的一個組成部分,而網頁的優(yōu)化工作是由很多方面的優(yōu)化組成的,作為一名優(yōu)秀的網頁優(yōu)化工作人員必須具備多方面的知識,不僅僅要掌握網站設計制作技術(包括網站架構設計、網頁設計以及制作頁面編寫代碼等等);還要掌握很多計算機其他方面的知識(包括電子商務、人機交互、易用性和一些相關的軟件知識等等);甚至需要掌握心理學、商業(yè)運作等相關知識。
我認為網頁的優(yōu)化應該是由兩個方面組成的:1.技術優(yōu)化,2.人文優(yōu)化(這個分類只是我總結的,沒有人給出過具體定義)。技術優(yōu)化指的是代碼的優(yōu)化、目錄結構的優(yōu)化和針對搜索引擎的優(yōu)化等等針對技術方面的優(yōu)化工作,一般都是看不見摸不著的但是會給用戶帶來不少方便也會給網站帶來更大的效益,技術優(yōu)化有一定的模式而且需要優(yōu)化的東西也比較固定相對簡單一些只是時間問題;人文優(yōu)化指的是交互性優(yōu)化、易用性優(yōu)化等等針對用戶使用方面的優(yōu)化工作,這一部分是網站用戶看得見摸的著的東西,人文優(yōu)化是最花經歷最困難的因為我們要猜測使用者的心理。下面我就分別對這兩個方面進行解釋。
1.技術優(yōu)化:
技術優(yōu)化主要分為代碼優(yōu)化、目錄結構優(yōu)化和針對搜索引擎的優(yōu)化三個部分。這一部分的優(yōu)化工作主要是由網站開發(fā)人員測試提出方案完成的,而且有一定的規(guī)則,所以相對要簡單一些只是時間問題。
(1)代碼優(yōu)化:
代碼優(yōu)化主要解決的問題就是頁面瀏覽速度和適應性的問題。文字和圖片是構成頁面的兩個主要因素,所以我們的優(yōu)化也要從文字和圖片開始。文字我們在制作頁面的時候基本上都是定義好的一般使用宋體和12px,隨著代碼的標準化字體的樣式大小等等的指定應該使用css樣式表來完成,而現(xiàn)在被廣泛應用的< h1 >< /h1 >、< font size=×× color=×× >< /font >等等標簽都是不標準的,也會慢慢被css取代,現(xiàn)在很多大型的網站包括各個門戶網站像是這樣不標準的問題還是廣泛存在幾乎每個頁面都會有,所以css樣式表是我們在優(yōu)化過程中應該注意檢查的問題(其實這個問題應該是在頁面制作的時候就解決的)。圖片問題主要存在size過大的問題,在這里我們把圖片的優(yōu)化歸在代碼優(yōu)化一部分一起介紹而不另分一類,是因為圖片優(yōu)化與代碼內容優(yōu)化的目的是一樣的。網頁中一般應用兩種格式的圖片jpeg和gif,這兩種圖片的應用很多人把握的并不是很好,jpeg適用于顏色比較多、構成比較復雜的圖片(比如一些照片、漸變顏色等等),gif適用于顏色比較少、構成比較簡單的圖片(比如網站的logo、大的色塊構成的圖片等等)。Gif圖片尤其要注意導出的時候選擇顏色數(shù)目這樣也會達到很好的減小尺寸的效果。對于一些比較大的圖片我們還可以將它切割成比較小的圖片進行拼接這樣也可以提高網頁的下載速度。減小網頁size提高網頁下載速度還有一種簡易的方法就是使用一些網頁減肥的小工具,我們可以去下載一些這樣的工具他們可以使你的網頁縮小20%~50%達到事半功倍的效果。表格是頁面最重要的排版方式,在瀏覽器讀取網頁代碼的時候,必須讀完一個完整的table才會顯示出來,
如果一個大的table里邊含有很多小的table那么瀏覽器會在讀完整個大的table才將整個的內容顯示出來。我們在瀏覽一些頁面的時候經常會出現(xiàn)頁面半天才會顯示出來,最后是在等不及了按了"停止"按鈕,頁面一下子顯示出來了,這就是在一些小的table外邊嵌套了一個大的table,而小table已經讀完了就是還沒讀完整個的table瀏覽器不會顯示,這樣會大大減慢頁面瀏覽速度。因此我們要盡量減少表格層次,盡量避免將一些小的表格嵌套在大的表格中間。還應該注意的是在使用dreamweaver制作網頁的時候經常會出現(xiàn)很多垃圾代碼,注意檢查刪除一些沒有用的代碼。網頁的適應性就是在不同系統(tǒng)、不同瀏覽器和不同分辨率的適應能力。要注意的是分辨率,應該最低照顧到800×600的用戶(分辨率800×600的顯示尺寸780×428、分辨率1024×768的顯示尺寸1007×600),所以頁面最寬不要超過780,一定不要讓用戶橫向拖頁面。
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網站設計的五大特點
- [2023-04-27 14:05:55] Html 5 響應式網站設計制作
- [2023-04-10 11:07:30] 網站建設制作流程知多少
- [2022-10-14 10:11:30] 做網站設計應該更看重框架搭建還是視覺觀感?
- [2022-08-09 15:57:48] 以“產品”思維搭建網站!
- [2022-08-08 09:12:57] 一家公司的網站應該有哪些板塊內容?
- [2022-08-05 09:28:06] 企業(yè)網站建設為什么要設置新聞板塊?
- [2022-07-04 15:58:06] 網站首頁設計的好看,這個網站就成功了一大半!
- [2022-05-20 09:34:19] 網站后臺管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費者,應該如何選擇一家水平高的網站建設公司
- [2022-05-17 11:27:01] 高端網站定制與模板化網站應該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網站設計都有哪些新的趨勢?
延伸閱讀
- [2007-01-15 16:18:00] 網頁界面設計教程七:動畫設計
- [2009-06-10 09:03:00] 以情感為中心的設計(1)
- [2010-09-25 14:43:00] 關于網頁問卷入口的小結
- [2008-01-28 22:17:00] 論設計的布局與平衡
- [2013-05-07 17:11:40] 史蒂夫 喬布斯 遺失的訪談-18年前對互聯(lián)網的預見
- [2010-04-21 09:59:00] 頁面表達原則
- [2009-07-16 14:40:00] 用戶體驗中溝通的技巧
- [2010-11-19 08:31:00] 基于內容、位置與關系的探索模式
- [2008-02-22 10:37:00] 文字鏈接,怎么辦?
- [2009-12-17 11:51:00] 交互中的色彩
- [2007-11-12 14:11:00] 網幅廣告點評之華碩S6粉色真皮筆記本
- [2018-09-13 08:49:14] 蘋果發(fā)布史上最貴iphone,雙卡特供中國