網站(zhàn)結構優化(huà)實用(yòng)方法及建議(yì)
       一(yī)、 什(shén)麽樣的(de)網站(zhàn)最利于蜘蛛的(de)爬行(xíng<)。
      <h1>主題</h1> <h2>次♠主題</h2> <h3>下(xià)級主題</h3>我認為(wèi)網站(zhàn)代碼結構好(hǎo)才是(shì)最利于蜘蛛的(de)爬行(xí♣ng)的(de)
      做(zuò)內(nèi)鏈的(de)關鍵詞最好(hǎo)是(shì)與網站(zhàn)α主題有(yǒu)關的(de)詞語.。
2.22日(rì)講課記錄--網頁瘦身(shēn)，代碼優化(huà)
       我們大(dà)家(jiā)都(dōu)知(zhī)道(dào)，網頁設∞計(jì)無論是(shì)基于那(nà)種語言都(dōu)是(shì)兩種布局方式和(hé)架構：
       一(yī)是(shì)：table做(zuò)的(de)€；二是(shì)：div+css做(zuò)的(de)
       然而這(zhè)ε兩種架構也(yě)不(bù)是(shì)絕對(duì)的(de)互斥的(de)，也(yě)有(yǒu)出現(xiàn)你(nǐ)中有(yǒu)我，我™中有(yǒu)你(nǐ)的(de)情況。
       為(wèi)什(shén)麽要(yào)網頁瘦身(shēn)呢(✘ne)？
       原因是(shì)，搜索引&擎本身(shēn)的(de)資源是(shì)有(yǒu)限的(de)，在一(yī)定的(de)時(shí)間(jiān)內(nèi)他(tā)的(de)存儲空(kōng)間(jiān)也(↑yě)是(shì)有(yǒu)限的(de)。
       如(rú)果一(yī)個(g₩è)頁面是(shì)2k相(xiàng)比一(yī)個(gè)将1m的(de)頁面來(lái)說(shuō)，2k的(de)頁面存儲500個(gè)的(de)空(kōng)間(jiān)∞，隻能(néng)放(fàng)一(yī)個(gè)1m的(de)頁面。

       鑒于對(duì)搜索引擎的(de)考慮，我們應該讓他(tā)減輕負擔.還(hái)有(yǒu)就(ji↔ù)是(shì)：
      1，盡可(kě)能(néng)的(d"e)減少(shǎo)數(shù)據的(de)數(shù)據的(de)傳輸量。
      2，盡可(kě)能(néng)的(de)減少(shǎo)數±(shù)據的(de)傳輸頻(pín)率、
      如(rú)果可(kě)以做(zuò)到(dào)™這(zhè)些(xiē)，那(nà)麽：

      1，提高(gāo)網頁的(de)下(xià)載速度
      2，降低(dī)服務器(qì)使用(yòng)的(de)資源
      3，提高(gāo)網絡帶寬利用(≈yòng)率
      首先我們會(huì)把注意力放(fàng)在÷導緻速度下(xià)降的(de)最大(dà)因素上(shàng)：圖片，二進制(zhì)文(wén)件(jiàn)上(shàng)。這(zhè)固然重要(yào)，但(dàn☆)是(shì)優化(huà)html代碼，css代碼和(hé)javascript也(yě)是(shì)相(xiàng)當重要(yào)的(de) 

      但(dàn)是(shì)，我們常常忽略了(le)這(zhè)一(yī)點。
      我們了(le)解一(yī)個(gè)典型的(de)網頁加載流程是(shì)：
      首先（x）html文(wén)件(jiàn)最先浏覽器(qì)讀(dú)到(dào)，然後加載到(dào)內(nè♠i)存中，因為(wèi)這(zhè)個(gè)文(wén)件(jiàn)決定了(le)整個(gè)網頁中其他(tā)文(wén)件(jiàn)的(de)關系，一(yī)般情況下(xià)，我♣們稱這(zhè)個(gè)為(wèi)主文(wén)件(jiàn)（host document）浏覽器(qì)一(yī)旦加載完成這(zhè)個(gè)文(wén)↔件(jiàn)，便開(kāi)始解析各種markup了(le) 在從(cóng)文(wén)件(jiàn)頂部開(kāi)始向下(xià)解析的(de)過程中，↕會(huì)同時(shí)發出一(yī)系列的(de)相(xiàng)關對(duì)象的(de)請(qǐng)求，包括外(wài)部腳本，樣式表單，flash等其他(tā)元素。而這(zhè)些(x÷iē)css和(hé)javascript則有(yǒu)可(kě)能(néng)繼續觸發一(yī)些(xiē)相(xiàng)對(duì)圖片和(hé)腳↔本資源的(de)請(qǐng)求。
       從(cóng)這(zhè)了(le)可(kě)以看(kàn)出主文(wén)件(jiàn)的(de)重要(yαào)性，如(rú)果能(néng)把他(tā)盡可(kě)能(néng)快(kuài)的(de)傳給浏覽器(qì)，浏覽器(qì)就(jiù)可(kě)能(néng)先一(σyī)步解析。所以第一(yī)步，需要(yào)對(duì)主文(wén)件(jiàn)進行(xíng)優化(huà)，減肥。如(rú)何優化(huà)傳輸，我們的(δde)基本方法是(shì)：
      是(shì)什(shén)麽？
      減少(shǎo)空(kōng)白(bái)區(qū)域，精簡css和(hé)jav ascript
      1，出去(qù)空(kōng)白(bái)區(qū)域，一(yī)般而言，空(kōng×)白(bái)區(qū)域（空(kōng)格，制(zhì)表符，換行(xíng)符等）都(dōu)可(kě)以安全删除，但(dàn)要(yào)避免修改p re，textarea，及受css屬性中white-space影(yǐng)響的(de)标簽。
      我還(hái)有(yǒu)一(yī)個(gè)建議(yì)就(jiù)是(shì)，這(zhè)些(xiē)>代碼在優化(huà)前，大(dà)家(jiā)留一(yī)個(gè)備份，因為(wèi)畢竟有(yǒu)空(kōng)白(bá&i)區(qū)域的(de)代碼，我們看(kàn)起來(lái)比較舒服，不(bù)至于是(shì)我們的(de)眼睛太累，可(kě)能(néng)我們後期還(hái)要(yào)對(d uì)優化(huà)的(de)過的(de)代碼進行(xíng)再操作(zuò)
      2，出去(qù)注釋，除了(le)在客戶端給ie和(hé)doctype聲明(míng)的(de)注釋，幾乎所¥有(yǒu)的(de)注釋都(dōu)可(kě)以k掉，毫無顧慮
      3，使用(yòng)短(duǎn)≤格式的(de)顔色表示，我們常常在用(yòng)顔色的(de)時(shí)候喜歡用(yòng)16進制(zhì)和(hé)全顔色名稱，認為(wè∞i)這(zhè)樣比較精确，但(dàn)我們要(yào)盡可(kě)能(néng)根據實際情況使用(yòng)短(duǎn)格式的(φde)顔色表示
如(rú)：#ff0000，其實就(jiù)是(shì)red
      4，用(yòng)短(duǎn)格式的(de)字符表示。和(hé)最短(duǎn)顔色表示一÷(yī)樣，一(yī)些(xiē)名稱可(kě)以用(yòng)最短(duǎn)字符來(lái)表示，我們可(kě)以用(yòng)較短(duǎn)的(de)數(shù)字☆來(lái)代替某些(xiē)長(cháng)長(cháng)的(de)字母。
      5，除去(qù)無用(yòng)的(de)标簽。有(yǒu)些(xiē)無用(yòng)的(de)标簽，比如(rú♥)使用(yòng)了(le)多(duō)次的(de)重複标簽或者某些(xiē)編輯器(qì)裡(lǐ)面用(yòng)做(zuò)$廣告的(de)meta标簽，都(dōu)可(kě)以安全地(dì)去(qù)掉
      css優化(huà)，css也(yě)有(yǒu)一(yī)套成熟而£有(yǒu)簡單的(de)方法。實際上(shàng)，時(shí)下(xià)大(dà)多(duō)數(shù)的(de)css™都(dōu)較（x）html更容易壓縮。
      1，除去(qù)css中的(de)空(kōng)白(bá•i)區(qū)域。相(xiàng)比html來(lái)，css對(duì)于空(kōng)白(bái)區(qū)域沒有(yǒu)那(nà)麽‍敏感，所以除去(qù)空(kōng)白(bái)區(qū)域可(kě)以極大(dà)地(dì)減少(shǎo)css文(wén)件(jiàn)和(hé)style樣式β表的(de)區(qū)域大(dà)小(xiǎo)
      2，除去(qù)css注釋，如(rú)同除去(qù)markup代碼中的(de)注釋一★(yī)樣，由于css的(de)注釋對(duì)普通(tōng)的(de)最終用(yòng)戶來(lái)說(shuō)并沒有(yǒu)什(shé♥n)麽使用(yòng)價值，使用(yòng)應該除去(qù)。
      不(bù)過，如(rú)果考慮到(dào)較π低(dī)級的(de)浏覽器(qì)，則css中的(de)style标簽中的(de)屏蔽注釋信息不(bù)可(kě)以除去(qù)。使用(yòng)短(duǎn)格式表示顔色，同上(shàng)，不Ω(bù)再重複
      3，對(duì)css的(de)規則進行(xín≤g)合并，如(rú)這(zhè)短(duǎn)代碼：

      p{font-size:36pt;
      font-family:aral;
      line-height:48pt;
      font-weight:bold;}
      可(kě)以這(zhè)樣寫：p{font:bold 36>pt/48pt arial;}
      這(zhè)樣的(de)話(huà)，數(shù)據量頓時(shí)就(jiù)見(jiàn)效了(le)許多(du£ō)。這(zhè)些(xiē)都(dōu)我們可(kě)以注意到(dào)，而又(yòu)沒有(yǒu)在意的(de)方面，seo就(jiù)♦是(shì)細節，細節決定成敗
      4，對(duì)類和(hé)id重命名。多(duō)id重命名，要(yào)注意，不(bù)要(yào)出錯(cuò)
      許多(duō)時(shí)候我們¶為(wèi)了(le)程序編寫的(de)需要(yào)，總是(shì)把名字寫的(de)有(yǒu)意義自(zì)己能(néng)理(l☆ǐ)解，但(dàn)是(shì)這(zhè)樣無疑長(cháng)了(le)很(hěn)多(duō)，這(zhè)個(gè)大(dà)家(jiā)自(zì)β己看(kàn)著(zhe)改吧(ba)
      javascript優化(huà)
      javascrpt對(duì)與網站(zhàn)的(de)作(zuò)用(yòng)越來(lái)越大(dà)，我σ們不(bù)得(de)不(bù)注意的(de)他(tā)功效了(le)。
      這(zhè)些(xiē)代碼許多(duō)時(shí)•候非常笨重，數(shù)據量較大(dà)。
      目前搜索引擎還(hái)不(bù)能(néng)解析javascript，但(€dàn)衆多(duō)的(de)java腳本影(yǐng)響的(de)網站(zhàn)的(de)速度，這(zhè)更多(duō)的(de)是(shì)處于用(yòng)戶體(tǐ)驗考慮了γ(le)
      我在這(zhè)裡(lǐ)就(jiù)簡單說(shuō)一(yī)下(xià)，有(yǒu)興趣的(de )朋(péng)友(yǒu)可(kě)以去(qù)深挖度
      跟css一(yī)樣，除去(qù)javascript注釋，除去(qù)javascrip‌t空(kōng)白(bái)區(qū)域
      去(qù)除javascipt的(de)空(kōng)白(bái)區(qū)域的(de)時(shí)候，要(yào→)注意程序的(de)完整性，不(bù)要(yào)導緻運行(xíng)出錯(cuò)

      文(wén)件(jiàn)方面的(de)優化(huà)
      一(yī)些(xiē)站(zhàn)點通(tōng≠)常含有(yǒu)用(yòng)戶通(tōng)過url無法訪問(wèn)的(de)文(wén)件(jiàn)。<img src=∏"../../../imges/subheaderabout.gif">
      既然這(zhè)些(xiē)文(wén↓)件(jiàn)從(cóng)來(lái)不(bù)會(huì)被訪問(wèn)到(dào)，考慮到(dào)下(xià)載速度，可(kě)以改成<img&♠nbsp;src="/0/a.gif">這(zhè)種形式
      這(zhè)樣看(kàn)著(zhe)就(jiù)舒服多(duō)了(le)，$下(xià)載也(yě)快(kuài)多(duō)了(le)
      重構<script>和(hé)<style>調用(yòng)方式 來(lái)優化φ(huà)請(qǐng)求次數(shù)
      我們常常看(kàn)到(dào)：<script src="/ scripts/rollovers.js"></script>
      <script ∑;src="/scripts alidation.js"></script>
       <script src="/scripts/tracking.js"φ></script> 
       可(kě)以改成這(zhè)樣的(de)<script src="/0/¥g.js"></script>其中g.js包含了(le)所有(yǒu)供全局使用(yòng)的(de)函數(shù)。 
       講到(dào)這(zhè‍)裡(lǐ)，可(kě)能(néng)大(dà)家(jiā)都(dōu)感覺這(zhè)些(xiē)東(dōng)西(xī)都(dōu)太專業(yè)，讓你(nǐ)感覺©雲裡(lǐ)霧裡(lǐ)的(de)，理(lǐ)論永遠(yuǎn)是(shì)灰色的(de)，我上(s©hàng)面說(shuō)的(de)，優化(huà)的(de)最高(gāo)境界了(le)，但(dàn)我常常發現(xiàn)的(de)是(shì)：我們的(de)€網站(zhàn)裡(lǐ)面結構混亂，頁面有(yǒu)各種css樣式的(de)定義，還(hái)有(yǒu)大(dà)量的(de)java腳本出現(xiàn)，我覺得(de)最簡單的(de)瘦身(s↕hēn)方式，就(jiù)是(shì)把重複使用(yòng)的(de)css樣式定義出來(lái)，放(fàng)到(dào)css文(wén)α件(jiàn)裡(lǐ)面，把java腳本也(yě)放(fàng)到(dào)一(yī)個(gè)文(wén)件(jiàn)裡(lǐ)面，讓你(nǐ)的(de)頁面看(kàn)著(zheα)比較整潔，盡量多(duō)的(de)突出主題，降低(dī)網頁的(de)信噪比
       還(hái)有(yǒu)，對(duì)seo優化(huà)而言，用(yòng)↑div+css可(kě)以更好(hǎo)布局網站(zhàn)的(de)架構，
       把你(nǐ)想要(yào)展示的(de)π東(dōng)西(xī)把代碼的(de)上(shàng)方
       搜索引擎都(dōu)是(shì)從(cóng)上(shàng)往下(xià)看(kàn)的(de)，累™了(le)就(jiù)不(bù)看(kàn)了(le)
       就(jiù)是(shì)代碼靠前 顯示的(de¶)內(nèi)容卻未必再前面 這(zhè)樣搜索引擎先看(kàn) 前面的(de)
       div就(jiù)是(shì)可(kě)以根據自(zì)己的(de)需要(yào)進行(πxíng)定位的(de)