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