網(wǎng)站結(jié)構(gòu)優(yōu)化實用方法及建議

網(wǎng)站結(jié)構(gòu)優(yōu)化實用方法及建議
一、什么樣的網(wǎng)站最利于蜘蛛的爬行。
<h1>主題</h1><h2>次主題</h2><h3>下級主題</h3>我認為網(wǎng)站代碼結(jié)構(gòu)好才是最利于蜘蛛的爬行的
做內(nèi)鏈的關(guān)鍵詞好是與網(wǎng)站主題有關(guān)的詞語.。
2.22日講課記錄--網(wǎng)頁瘦身，代碼優(yōu)化
我們大家都知道，網(wǎng)頁設(shè)計無論是基于那種語言都是兩種布局方式和架構(gòu)：
一是：table做的；二是：div+css做的
然而這兩種架構(gòu)也不是絕對的互斥的，也有出現(xiàn)你中有我，我中有你的情況。
為什么要網(wǎng)頁瘦身呢？
原因是，搜索引擎本身的資源是有限的，在一定的時間內(nèi)他的存儲空間也是有限的。
如果一個頁面是2k相比一個將1m的頁面來說，2k的頁面存儲500個的空間，只能放一個1m的頁面。
鑒于對搜索引擎的考慮，我們應(yīng)該讓他減輕負擔.還有就是：
1，盡可能的減少數(shù)據(jù)的數(shù)據(jù)的傳輸量。
2，盡可能的減少數(shù)據(jù)的傳輸頻率、
如果可以做到這些，那么：
1，提高網(wǎng)頁的下載速度
2，降低服務(wù)器使用的資源
3，提高網(wǎng)絡(luò)帶寬利用率
首先我們會把注意力放在導(dǎo)致速度下降的大因素上：圖片，二進制文件上。這固然重要，但是優(yōu)化html代碼，css代碼和javascript也是相當重要的
但是，我們常常忽略了這一點。
我們了解一個典型的網(wǎng)頁加載流程是：
首先（x）html文件最先瀏覽器讀到，然后加載到內(nèi)存中，因為這個文件決定了整個網(wǎng)頁中其他文件的關(guān)系，一般情況下，我們稱這個為主文件（hostdocument）瀏覽器一旦加載完成這個文件，便開始解析各種markup了在從文件頂部開始向下解析的過程中，會同時發(fā)出一系列的相關(guān)對象的請求，包括外部腳本，樣式表單，flash等其他元素。而這些css和javascript則有可能繼續(xù)觸發(fā)一些相對圖片和腳本資源的請求。
從這了可以看出主文件的重要性，如果能把他盡可能快的傳給瀏覽器，瀏覽器就可能先一步解析。所以第一步，需要對主文件進行優(yōu)化，減肥。如何優(yōu)化傳輸，我們的基本方法是：
是什么？
減少空白區(qū)域，精簡css和javascript
1，出去空白區(qū)域，一般而言，空白區(qū)域（空格，制表符，換行符等）都可以安全刪除，但要避免修改pre，textarea，及受css屬性中white-space影響的標簽。
我還有一個建議就是，這些代碼在優(yōu)化前，大家留一個備份，因為畢竟有空白區(qū)域的代碼，我們看起來比較舒服，不至于是我們的眼睛太累，可能我們后期還要對優(yōu)化的過的代碼進行再操作
2，出去注釋，除了在客戶端給ie和doctype聲明的注釋，幾乎所有的注釋都可以k掉，毫無顧慮
3，使用短格式的顏色表示，我們常常在用顏色的時候喜歡用16進制和全顏色名稱，認為這樣比較精確，但我們要盡可能根據(jù)實際情況使用短格式的顏色表示
如：#ff0000，其實就是red
4，用短格式的字符表示。和最短顏色表示一樣，一些名稱可以用最短字符來表示，我們可以用較短的數(shù)字來代替某些長長的字母。
5，除去無用的標簽。有些無用的標簽，比如使用了多次的重復(fù)標簽或者某些編輯器里面用做廣告的meta標簽，都可以安全地去掉
css優(yōu)化，css也有一套成熟而有簡單的方法。實際上，時下大多數(shù)的css都較（x）html更容易壓縮。
1，除去css中的空白區(qū)域。相比html來，css對于空白區(qū)域沒有那么敏感，所以除去空白區(qū)域可以極大地減少css文件和style樣式表的區(qū)域大小
2，除去css注釋，如同除去markup代碼中的注釋一樣，由于css的注釋對普通的最終用戶來說并沒有什么使用價值，使用應(yīng)該除去。
不過，如果考慮到較低級的瀏覽器，則css中的style標簽中的屏蔽注釋信息不可以除去。使用短格式表示顏色，同上，不再重復(fù)
3，對css的規(guī)則進行合并，如這短代碼：
p{font-size:36pt;
font-family:aral;
line-height:48pt;
font-weight:bold;}
可以這樣寫：p{font:bold36pt/48ptarial;}
這樣的話，數(shù)據(jù)量頓時就見效了許多。這些都我們可以注意到，而又沒有在意的方面，seo就是細節(jié)，細節(jié)決定成敗
4，對類和id重命名。多id重命名，要注意，不要出錯
許多時候我們?yōu)榱顺绦蚓帉懙男枰偸前衙謱懙挠幸饬x自己能理解，但是這樣無疑長了很多，這個大家自己看著改吧
javascript優(yōu)化
javascrpt對與網(wǎng)站的作用越來越大，我們不得不注意的他功效了。
這些代碼許多時候非常笨重，數(shù)據(jù)量較大。
目前搜索引擎還不能解析javascript，但眾多的java腳本影響的網(wǎng)站的速度，這更多的是處于用戶體驗考慮了
我在這里就簡單說一下，有興趣的朋友可以去深挖度
跟css一樣，除去javascript注釋，除去javascript空白區(qū)域
去除javascipt的空白區(qū)域的時候，要注意程序的完整性，不要導(dǎo)致運行出錯
文件方面的優(yōu)化
一些站點通常含有用戶通過url無src="/upload/pic19/subheaderabout.gif"> src="/upload/pic19/a.gif">這種形式
這樣看著就舒服多了，下載也快多了
重構(gòu)<script>和<style>調(diào)用方式來優(yōu)化請求次數(shù)
我們常?？吹剑?lt;scriptsrc="/scripts/rollovers.js"></script>
<scriptsrc="/scriptsalidation.js"></script>
<scriptsrc="/scripts/tracking.js"></script>
可以改成這樣的<scriptsrc="/0/g.js"></script>其中g(shù).js包含了所有供全局使用的函數(shù)。
講到這里，可能大家都感覺這些東西都太專業(yè)，讓你感覺云里霧里的，理論永遠是灰色的，我上面說的，優(yōu)化的最高境界了，但我常常發(fā)現(xiàn)的是：我們的網(wǎng)站里面結(jié)構(gòu)混亂，頁面有各種css樣式的定義，還有大量的java腳本出現(xiàn)，我覺得最簡單的瘦身方式，就是把重復(fù)使用的css樣式定義出來，放到css文件里面，把java腳本也放到一個文件里面，讓你的頁面看著比較整潔，盡量多的突出主題，降低網(wǎng)頁的信噪比
還有，對seo優(yōu)化而言，用div+css可以更好布局網(wǎng)站的架構(gòu)，
把你想要展示的東西把代碼的上方
搜索引擎都是從上往下看的，累了就不看了
就是代碼靠前顯示的內(nèi)容卻未必再前面這樣搜索引擎先看前面的

網(wǎng)站名稱：網(wǎng)站結(jié)構(gòu)優(yōu)化實用方法及建議
文章轉(zhuǎn)載：http://www.bm7419.com/news24/246974.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供軟件開發(fā)、網(wǎng)站營銷、網(wǎng)站策劃、小程序開發(fā)、手機網(wǎng)站建設(shè)、移動網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)