網(wǎng)站結(jié)構(gòu)優(yōu)化實用方法及建議
一、什么樣的網(wǎng)站最利于蜘蛛的爬行。
<h1>主題</h1><h2>次主題</h2><h3>下級主題</h3>我認為網(wǎng)站代碼結(jié)構(gòu)好才是最利于蜘蛛的爬行的
做內(nèi)鏈的關鍵詞好是與網(wǎng)站主題有關的詞語.。
2.22日講課記錄--網(wǎng)頁瘦身,代碼優(yōu)化
我們大家都知道,
網(wǎng)頁設計無論是基于那種語言都是兩種布局方式和架構(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)頁中其他文件的關系,一般情況下,我們稱這個為主文件(hostdocument)瀏覽器一旦加載完成這個文件,便開始解析各種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進制和全顏色名稱,認為這樣比較精確,但我們要盡可能根據(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:bold36pt/48ptarial;}
這樣的話,數(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無src="/upload/pic19/subheaderabout.gif"> src="/upload/pic19/a.gif">這種形式
這樣看著就舒服多了,下載也快多了
重構(gòu)<script>和<style>調(diào)用方式來優(yōu)化請求次數(shù)
我們常??吹剑?lt;scriptsrc="/scripts/rollovers.js"></script>
<scriptsrc="/scriptsalidation.js"></script>
<scriptsrc="/scripts/tracking.js"></script>
可以改成這樣的<scriptsrc="/0/g.js"></script>其中g.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ù)自己的需要進行定位的
網(wǎng)站名稱:網(wǎng)站結(jié)構(gòu)優(yōu)化實用方法及建議
文章轉(zhuǎn)載:http://jinyejixie.com/news24/246974.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供軟件開發(fā)、網(wǎng)站營銷、網(wǎng)站策劃、小程序開發(fā)、手機網(wǎng)站建設、移動網(wǎng)站建設
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源:
創(chuàng)新互聯(lián)