• 
• 
• 
• 
• 
• 
• 

知識普及 ? 細談網(wǎng)頁優(yōu)化和網(wǎng)站優(yōu)化的幾種方式

細談網(wǎng)頁優(yōu)化和網(wǎng)站優(yōu)化的幾種方式

奈薇網(wǎng)頁設(shè)計 于2020-07-10 11:09發(fā)表 閱讀次數(shù) 2128次

談起網(wǎng)頁的優(yōu)化這個問題很多人都沒有什么概念，有很多的業(yè)內(nèi)人士都對網(wǎng)頁優(yōu)化一無所知或者知之甚少。說起對網(wǎng)頁優(yōu)化的理解，我曾經(jīng)去各大搜索引擎上搜索過"網(wǎng)頁優(yōu)化"一類的話題，結(jié)果都是介紹如何優(yōu)化搜索引擎排名的文章，其實這只是優(yōu)化概念的一個組成部分，而網(wǎng)頁的優(yōu)化工作是由很多方面的優(yōu)化組成的，作為一名優(yōu)秀的網(wǎng)頁優(yōu)化工作人員必須具備多方面的知識，不僅僅要掌握網(wǎng)站設(shè)計制作技術(shù)(包括網(wǎng)站架構(gòu)設(shè)計、網(wǎng)頁設(shè)計以及制作頁面編寫代碼等等);還要掌握很多計算機其他方面的知識(包括電子商務(wù)、人機交互、易用性和一些相關(guān)的軟件知識等等);甚至需要掌握心理學、商業(yè)運作等相關(guān)知識。 　　我認為網(wǎng)頁的優(yōu)化應(yīng)該是由兩個方面組成的:1.技術(shù)優(yōu)化，2.人文優(yōu)化(這個分類只是我總結(jié)的，沒有人給出過具體定義)。技術(shù)優(yōu)化指的是代碼的優(yōu)化、目錄結(jié)構(gòu)的優(yōu)化和針對搜索引擎的優(yōu)化等等針對技術(shù)方面的優(yōu)化工作，一般都是看不見摸不著的但是會給用戶帶來不少方便也會給網(wǎng)站帶來更大的效益，技術(shù)優(yōu)化有一定的模式而且需要優(yōu)化的東西也比較固定相對簡單一些只是時間問題;人文優(yōu)化指的是交互性優(yōu)化、易用性優(yōu)化等等針對用戶使用方面的優(yōu)化工作，這一部分是網(wǎng)站用戶看得見摸的著的東西，人文優(yōu)化是最花經(jīng)歷最困難的因為我們要猜測使用者的心理。下面我就分別對這兩個方面進行解釋。 　　1.技術(shù)優(yōu)化: 　　技術(shù)優(yōu)化主要分為代碼優(yōu)化、目錄結(jié)構(gòu)優(yōu)化和針對搜索引擎的優(yōu)化三個部分。這一部分的優(yōu)化工作主要是由網(wǎng)站開發(fā)人員測試提出方案完成的，而且有一定的規(guī)則，所以相對要簡單一些只是時間問題。 　　(1)代碼優(yōu)化: 　　代碼優(yōu)化主要解決的問題就是頁面瀏覽速度和適應(yīng)性的問題。文字和圖片是構(gòu)成頁面的兩個主要因素，所以我們的優(yōu)化也要從文字和圖片開始。文字我們在制作頁面的時候基本上都是定義好的一般使用宋體和12px，隨著代碼的標準化字體的樣式大小等等的指定應(yīng)該使用css樣式表來完成，而現(xiàn)在被廣泛應(yīng)用的<h1></h1>、<fontsize=××color=××></font>等等標簽都是不標準的，也會慢慢被css取代，現(xiàn)在很多大型的網(wǎng)站包括各個門戶網(wǎng)站像是這樣不標準的問題還是廣泛存在幾乎每個頁面都會有，所以css樣式表是我們在優(yōu)化過程中應(yīng)該注意檢查的問題(其實這個問題應(yīng)該是在頁面制作的時候就解決的)。圖片問題主要存在size過大的問題，在這里我們把圖片的優(yōu)化歸在代碼優(yōu)化一部分一起介紹而不另分一類，是因為圖片優(yōu)化與代碼內(nèi)容優(yōu)化的目的是一樣的。網(wǎng)頁中一般應(yīng)用兩種格式的圖片jpeg和gif，這兩種圖片的應(yīng)用很多人把握的并不是很好，jpeg適用于顏色比較多、構(gòu)成比較復(fù)雜的圖片(比如一些照片、漸變顏色等等)，gif適用于顏色比較少、構(gòu)成比較簡單的圖片(比如網(wǎng)站的logo、大的色塊構(gòu)成的圖片等等)。Gif圖片尤其要注意導出的時候選擇顏色數(shù)目這樣也會達到很好的減小尺寸的效果。對于一些比較大的圖片我們還可以將它切割成比較小的圖片進行拼接這樣也可以提高網(wǎng)頁的下載速度。減小網(wǎng)頁size提高網(wǎng)頁下載速度還有一種簡易的方法就是使用一些網(wǎng)頁減肥的小工具，我們可以去下載一些這樣的工具他們可以使你的網(wǎng)頁縮小20%～50%達到事半功倍的效果。表格是頁面最重要的排版方式，在瀏覽器讀取網(wǎng)頁代碼的時候，必須讀完一個完整的table才會顯示出來， 　　如果一個大的table里邊含有很多小的table那么瀏覽器會在讀完整個大的table才將整個的內(nèi)容顯示出來。我們在瀏覽一些頁面的時候經(jīng)常會出現(xiàn)頁面半天才會顯示出來，最后是在等不及了按了"停止"按鈕，頁面一下子顯示出來了，這就是在一些小的table外邊嵌套了一個大的table，而小table已經(jīng)讀完了就是還沒讀完整個的table瀏覽器不會顯示，這樣會大大減慢頁面瀏覽速度。因此我們要盡量減少表格層次，盡量避免將一些小的表格嵌套在大的表格中間。還應(yīng)該注意的是在使用dreamweaver制作網(wǎng)頁的時候經(jīng)常會出現(xiàn)很多垃圾代碼，注意檢查刪除一些沒有用的代碼。網(wǎng)頁的適應(yīng)性就是在不同系統(tǒng)、不同瀏覽器和不同分辨率的適應(yīng)能力。要注意的是分辨率，應(yīng)該最低照顧到800×600的用戶(分辨率800×600的顯示尺寸780×428、分辨率1024×768的顯示尺寸1007×600)，所以頁面最寬不要超過780，一定不要讓用戶橫向拖頁面。 　　如果一個大的table里邊含有很多小的table那么瀏覽器會在讀完整個大的table才將整個的內(nèi)容顯示出來。我們在瀏覽一些頁面的時候經(jīng)常會出現(xiàn)頁面半天才會顯示出來，最后是在等不及了按了"停止"按鈕，頁面一下子顯示出來了，這就是在一些小的table外邊嵌套了一個大的table，而小table已經(jīng)讀完了就是還沒讀完整個的table瀏覽器不會顯示，這樣會大大減慢頁面瀏覽速度。因此我們要盡量減少表格層次，盡量避免將一些小的表格嵌套在大的表格中間。還應(yīng)該注意的是在使用dreamweaver制作網(wǎng)頁的時候經(jīng)常會出現(xiàn)很多垃圾代碼，注意檢查刪除一些沒有用的代碼。網(wǎng)頁的適應(yīng)性就是在不同系統(tǒng)、不同瀏覽器和不同分辨率的適應(yīng)能力。要注意的是分辨率，應(yīng)該最低照顧到800×600的用戶(分辨率800×600的顯示尺寸780×428、分辨率1024×768的顯示尺寸1007×600)，所以頁面最寬不要超過780，一定不要讓用戶橫向拖頁面。 　　(2)目錄結(jié)構(gòu)優(yōu)化: 　　現(xiàn)在很多網(wǎng)站都將所有的頁面零散的放在同一個文件夾下而沒有分類，這樣做雖然可以但是會對以后的維護等工作帶來很大的麻煩。我建議應(yīng)該是建立一個大文件夾，里邊包括各個頻道的文件夾、網(wǎng)頁頁面圖片文件夾、網(wǎng)頁內(nèi)容圖片文件夾等等一個一個的單獨類別的文件夾，使得在維護時候可以方便的找到每一個頁面的具體位置。 　　(3)針對搜索引擎的優(yōu)化: 　　搜索引擎優(yōu)化是很多人都知道的一種優(yōu)化項目，也是完整的優(yōu)化工作必不可少的一個步驟。 　　"關(guān)鍵字"在搜索引擎這個話題里是一個核心的字眼，幾乎所有的針對搜索引擎優(yōu)化問題都是圍繞著"關(guān)鍵字"展開的。有很多人盲目的追求在網(wǎng)頁中處處體現(xiàn)關(guān)鍵字，覺得這樣就會更容易被搜索引擎搜到，其實這樣做并不一定合適。比如前一陣子流行過的"鬼影秘笈"，方法就是用和網(wǎng)頁背景相同的顏色在頁面中隱藏了很多關(guān)鍵字，很多人現(xiàn)在還在用這個方法，但是隨著搜索引擎功能越來越強大這個方法已經(jīng)不那么好用了，甚至會起到反作用。"關(guān)鍵字"的體現(xiàn)要合理，比如我們可以制作一個"網(wǎng)站導航"的頁面，網(wǎng)站導航頁面會淋漓盡致的體現(xiàn)各個關(guān)鍵字，這個頁面不但方便用戶使用也會更容易的被搜索引擎找到起到事半功倍的作用。 　　隨著搜索引擎都有了圖片搜索功能，網(wǎng)頁里邊的圖片也是體現(xiàn)關(guān)鍵詞的好地方，在頁面里邊加入圖片后千萬別忘記給圖片起一個"名字"(如:<IMGSRC="images.gif"WIDTH="100"HEIGHT="100"BORDER=0ALT="圖片名稱">)我們給圖片的名稱就可以是關(guān)鍵字。域名里邊含有關(guān)鍵字也很重要，但是不宜過多，一般一個或者兩個最重要的就可以了，如果過多就會影響網(wǎng)站在搜索引擎的排名而且不方便用戶記憶。子頁面的名稱也是一樣，現(xiàn)在很多網(wǎng)站的子頁面名稱就是關(guān)鍵字的堆砌，其實這樣會降低每個關(guān)鍵詞的出現(xiàn)機率，結(jié)果每個關(guān)鍵詞都被打了折扣甚至被忽略適得其反。 　　在子頁面的命名上也有很大的學問，幾個關(guān)鍵詞構(gòu)成了子頁面的名稱，但是這幾個關(guān)鍵詞用什么連接呢?如果用分隔符斷開關(guān)鍵字那么搜索引擎不會認為他們是一個一個的詞而會當他們是一個詞處理，但是有的分隔符搜索引擎同樣認不出來，比如"_"和"-"在google里邊下劃線"_"就不被接受，所以建議大家使用"-"和空格(空格碼:%20)，一般所有的搜索引擎都會接受。千萬不要用中文給頁面命名，頁面名稱、圖片名稱等等都要用英文字母(如:"首頁.html"或者"圖片.gif"一定要寫成"index.htm""image.gif"等等)。 　　現(xiàn)在很多網(wǎng)頁雖然很好看但是并不實用，我們就拿現(xiàn)在很流行的跳轉(zhuǎn)頁面來說吧!現(xiàn)在很多企業(yè)網(wǎng)站都流行做一個跳轉(zhuǎn)頁面，或者是一段動感的flash或者是一張漂亮的圖片，他們認為這樣很漂亮特別能夠體現(xiàn)公司的形象，其實他們并不知道這樣做非常影響搜索引擎搜索你的網(wǎng)站。

細談網(wǎng)頁優(yōu)化和網(wǎng)站優(yōu)化的幾種方式相關(guān)標簽：網(wǎng)站申請，網(wǎng)站優(yōu)化，開發(fā)網(wǎng)站，開發(fā)網(wǎng)站

相關(guān)熱點推薦

用戶體驗中溝通的技巧 迭代的設(shè)計 網(wǎng)站中視覺元素的設(shè)計 網(wǎng)站設(shè)計的前期溝通之重 在青島，企業(yè)網(wǎng)站建設(shè)對 手機建站時容易進入哪些 如何有效的提高網(wǎng)站關(guān)鍵 淺談品牌的視覺識別 怎樣充分利用你的網(wǎng)站設(shè) TDK是什么？有什么作 微信為什么這么人在用 網(wǎng)站排名第三頁不到首頁 青島網(wǎng)站設(shè)計中關(guān)于al 好設(shè)計應(yīng)該是平凡的設(shè)計 網(wǎng)站LOGO簡論 網(wǎng)頁布局設(shè)計基礎(chǔ) 優(yōu)秀網(wǎng)站的五大特點 新站快速推廣經(jīng)驗，百度 為中文而設(shè)計的文本框 關(guān)于網(wǎng)站優(yōu)化五大技巧 如何進行網(wǎng)站首頁改版 web設(shè)計師可以走得更 專業(yè)設(shè)計網(wǎng)站的公司哪里 青島網(wǎng)站設(shè)計的幾點知識 青島網(wǎng)站制作哪家強 交互設(shè)計的8項黃金法則 設(shè)計良好網(wǎng)頁的4項原則 公司網(wǎng)站制作需要注意的 如何讓你的網(wǎng)站更有吸引 泛泛而談界面中的斑馬紋 網(wǎng)絡(luò)營銷的五個階段 青島網(wǎng)站設(shè)計成功要素 小型企業(yè)網(wǎng)站維護 奈薇建站網(wǎng)科技2016 國內(nèi)網(wǎng)頁設(shè)計經(jīng)驗談 微信營銷推廣的特性-奈 什么是自助建站？ 如何從營銷的角度策劃建 建網(wǎng)站必備六步

奈薇建站網(wǎng)青島網(wǎng)站建設(shè)公司/青島網(wǎng)站制作公司，專業(yè)提供"氣質(zhì)"型網(wǎng)站建設(shè)及精美網(wǎng)站制作服務(wù)，同時歡迎各地網(wǎng)站建設(shè)公司、網(wǎng)站制作公司代理我們的奈薇建站系統(tǒng)共同發(fā)展

熱點地區(qū)：青島網(wǎng)站建設(shè)價格 青島即墨網(wǎng)站制作公司 開發(fā)區(qū)信息港 山東在線門戶