西安網(wǎng)站建設(shè) | 西安網(wǎng)站制作 | 西安網(wǎng)站設(shè)計 | 西安小程序開發(fā) | 兄弟網(wǎng)絡 - 西安網(wǎng)站建設(shè)十余年經(jīng)驗,值得信賴!
了解市場新觀點,內(nèi)部案例剖析,增強服務意識與專業(yè)水平。

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

來源:西安網(wǎng)站制作   日期:2015-06-03 13:53:15   點擊:1981
網(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的頁面。

       鑒于對搜索引擎的考慮,我們應該讓他減輕負擔.還有就是:
      1,盡可能的減少數(shù)據(jù)的數(shù)據(jù)的傳輸量。
      2,盡可能的減少數(shù)據(jù)的傳輸頻率、
      如果可以做到這些,那么:

      1,提高網(wǎng)頁的下載速度
      2,降低服務器使用的資源
      3,提高網(wǎng)絡帶寬利用率
      首先我們會把注意力放在導致速度下降的最大因素上:圖片,二進制文件上。這固然重要,但是優(yōu)化html代碼,css代碼和javascript也是相當重要的 

      但是,我們常常忽略了這一點。
      我們了解一個典型的網(wǎng)頁加載流程是:
      首先(x)html文件最先瀏覽器讀到,然后加載到內(nèi)存中,因為這個文件決定了整個網(wǎng)頁中其他文件的關(guān)系,一般情況下,我們稱這個為主文件(host document)瀏覽器一旦加載完成這個文件,便開始解析各種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,除去無用的標簽。有些無用的標簽,比如使用了多次的重復標簽或者某些編輯器里面用做廣告的meta標簽,都可以安全地去掉
      css優(yōu)化,css也有一套成熟而有簡單的方法。實際上,時下大多數(shù)的css都較(x)html更容易壓縮。
      1,除去css中的空白區(qū)域。相比html來,css對于空白區(qū)域沒有那么敏感,所以除去空白區(qū)域可以極大地減少css文件和style樣式表的區(qū)域大小
      2,除去css注釋,如同除去markup代碼中的注釋一樣,由于css的注釋對普通的最終用戶來說并沒有什么使用價值,使用應該除去。
      不過,如果考慮到較低級的瀏覽器,則css中的style標簽中的屏蔽注釋信息不可以除去。使用短格式表示顏色,同上,不再重復
      3,對css的規(guī)則進行合并,如這短代碼:

      p{font-size:36pt;
      font-family:aral;
      line-height:48pt;
      font-weight:bold;}
      可以這樣寫:p{font:bold 36pt/48pt arial;}
      這樣的話,數(shù)據(jù)量頓時就見效了許多。這些都我們可以注意到,而又沒有在意的方面,seo就是細節(jié),細節(jié)決定成敗
      4,對類和id重命名。多id重命名,要注意,不要出錯
      許多時候我們?yōu)榱顺绦蚓帉懙男枰?,總是把名字寫的有意義自己能理解,但是這樣無疑長了很多,這個大家自己看著改吧
      javascript優(yōu)化
      javascrpt對與網(wǎng)站的作用越來越大,我們不得不注意的他功效了。
      這些代碼許多時候非常笨重,數(shù)據(jù)量較大。
      目前搜索引擎還不能解析javascript,但眾多的java腳本影響的網(wǎng)站的速度,這更多的是處于用戶體驗考慮了
      我在這里就簡單說一下,有興趣的朋友可以去深挖度
      跟css一樣,除去javascript注釋,除去javascript空白區(qū)域
      去除javascipt的空白區(qū)域的時候,要注意程序的完整性,不要導致運行出錯

      文件方面的優(yōu)化
      一些站點通常含有用戶通過url無法訪問的文件。<img src="../../../imges/subheaderabout.gif">
      既然這些文件從來不會被訪問到,考慮到下載速度,可以改成<img src="/0/a.gif">這種形式
      這樣看著就舒服多了,下載也快多了
      重構(gòu)<script>和<style>調(diào)用方式 來優(yōu)化請求次數(shù)
      我們常??吹剑?lt;script src="/scripts/rollovers.js"></script>
      <script src="/scripts alidation.js"></script>
       <script src="/scripts/tracking.js"></script> 
       可以改成這樣的<script src="/0/g.js"></script>其中g(shù).js包含了所有供全局使用的函數(shù)。 
       講到這里,可能大家都感覺這些東西都太專業(yè),讓你感覺云里霧里的,理論永遠是灰色的,我上面說的,優(yōu)化的最高境界了,但我常常發(fā)現(xiàn)的是:我們的網(wǎng)站里面結(jié)構(gòu)混亂,頁面有各種css樣式的定義,還有大量的java腳本出現(xiàn),我覺得最簡單的瘦身方式,就是把重復使用的css樣式定義出來,放到css文件里面,把java腳本也放到一個文件里面,讓你的頁面看著比較整潔,盡量多的突出主題,降低網(wǎng)頁的信噪比
       還有,對seo優(yōu)化而言,用div+css可以更好布局網(wǎng)站的架構(gòu),
       把你想要展示的東西把代碼的上方
       搜索引擎都是從上往下看的,累了就不看了
       就是代碼靠前 顯示的內(nèi)容卻未必再前面 這樣搜索引擎先看 前面的
       div就是可以根據(jù)自己的需要進行定位的 
上一篇:什么是長尾關(guān)鍵詞?     下一篇:網(wǎng)站建設(shè)的八個優(yōu)化建議
掃碼立即溝通
公眾號加關(guān)注
版權(quán)所有:西安兄弟信息科技有限公司 陜ICP備07012704號-8   地址:西安市三橋街道恒大都市廣場(1號線灃東自貿(mào)園站C1口)  營業(yè)執(zhí)照    網(wǎng)站地圖  
關(guān)閉
029-86512630 工作:8:30-17:30

*