網站結構優(yōu)化實用方法及建議
來源:西安網站制作 日期:2015-06-03 13:53:15 點擊:1986
網站結構優(yōu)化實用方法及建議
一、 什么樣的網站最利于蜘蛛的爬行。
<h1>主題</h1> <h2>次主題</h2> <h3>下級主題</h3>我認為網站代碼結構好才是最利于蜘蛛的爬行的
做內鏈的關鍵詞最好是與網站主題有關的詞語.。
2.22日講課記錄--網頁瘦身,代碼優(yōu)化
我們大家都知道,網頁設計無論是基于那種語言都是兩種布局方式和架構:
一是:table做的;二是:div+css做的
然而這兩種架構也不是絕對的互斥的,也有出現你中有我,我中有你的情況。
為什么要網頁瘦身呢?
原因是,搜索引擎本身的資源是有限的,在一定的時間內他的存儲空間也是有限的。
如果一個頁面是2k相比一個將1m的頁面來說,2k的頁面存儲500個的空間,只能放一個1m的頁面。
鑒于對搜索引擎的考慮,我們應該讓他減輕負擔.還有就是:
1,盡可能的減少數據的數據的傳輸量。
2,盡可能的減少數據的傳輸頻率、
如果可以做到這些,那么:
1,提高網頁的下載速度
2,降低服務器使用的資源
3,提高網絡帶寬利用率
首先我們會把注意力放在導致速度下降的最大因素上:圖片,二進制文件上。這固然重要,但是優(yōu)化html代碼,css代碼和javascript也是相當重要的
但是,我們常常忽略了這一點。
我們了解一個典型的網頁加載流程是:
首先(x)html文件最先瀏覽器讀到,然后加載到內存中,因為這個文件決定了整個網頁中其他文件的關系,一般情況下,我們稱這個為主文件(host document)瀏覽器一旦加載完成這個文件,便開始解析各種markup了 在從文件頂部開始向下解析的過程中,會同時發(fā)出一系列的相關對象的請求,包括外部腳本,樣式表單,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進制和全顏色名稱,認為這樣比較精確,但我們要盡可能根據實際情況使用短格式的顏色表示
如:#ff0000,其實就是red
4,用短格式的字符表示。和最短顏色表示一樣,一些名稱可以用最短字符來表示,我們可以用較短的數字來代替某些長長的字母。
5,除去無用的標簽。有些無用的標簽,比如使用了多次的重復標簽或者某些編輯器里面用做廣告的meta標簽,都可以安全地去掉
css優(yōu)化,css也有一套成熟而有簡單的方法。實際上,時下大多數的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;}
這樣的話,數據量頓時就見效了許多。這些都我們可以注意到,而又沒有在意的方面,seo就是細節(jié),細節(jié)決定成敗
4,對類和id重命名。多id重命名,要注意,不要出錯
許多時候我們?yōu)榱顺绦蚓帉懙男枰偸前衙謱懙挠幸饬x自己能理解,但是這樣無疑長了很多,這個大家自己看著改吧
javascript優(yōu)化
javascrpt對與網站的作用越來越大,我們不得不注意的他功效了。
這些代碼許多時候非常笨重,數據量較大。
目前搜索引擎還不能解析javascript,但眾多的java腳本影響的網站的速度,這更多的是處于用戶體驗考慮了
我在這里就簡單說一下,有興趣的朋友可以去深挖度
跟css一樣,除去javascript注釋,除去javascript空白區(qū)域
去除javascipt的空白區(qū)域的時候,要注意程序的完整性,不要導致運行出錯
文件方面的優(yōu)化
一些站點通常含有用戶通過url無法訪問的文件。<img src="../../../imges/subheaderabout.gif">
既然這些文件從來不會被訪問到,考慮到下載速度,可以改成<img src="/0/a.gif">這種形式
這樣看著就舒服多了,下載也快多了
重構<script>和<style>調用方式 來優(yōu)化請求次數
我們常??吹剑?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.js包含了所有供全局使用的函數。
講到這里,可能大家都感覺這些東西都太專業(yè),讓你感覺云里霧里的,理論永遠是灰色的,我上面說的,優(yōu)化的最高境界了,但我常常發(fā)現的是:我們的網站里面結構混亂,頁面有各種css樣式的定義,還有大量的java腳本出現,我覺得最簡單的瘦身方式,就是把重復使用的css樣式定義出來,放到css文件里面,把java腳本也放到一個文件里面,讓你的頁面看著比較整潔,盡量多的突出主題,降低網頁的信噪比
還有,對seo優(yōu)化而言,用div+css可以更好布局網站的架構,
把你想要展示的東西把代碼的上方
搜索引擎都是從上往下看的,累了就不看了
就是代碼靠前 顯示的內容卻未必再前面 這樣搜索引擎先看 前面的
div就是可以根據自己的需要進行定位的
上一篇:
什么是長尾關鍵詞?
下一篇:
網站建設的八個優(yōu)化建議