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

網站名稱：網站結構優化實用方法及建議
文章轉載：http://www.js-pz168.com/news24/246974.html

成都網站建設公司_創新互聯，為您提供軟件開發、網站營銷、網站策劃、小程序開發、手機網站建設、移動網站建設

廣告

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