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

2023-03-23    分類: 網(wǎng)站建設(shè)

網(wǎng)站結(jié)構(gòu)優(yōu)化實(shí)用方法及建議
一、什么樣的網(wǎng)站最利于蜘蛛的爬行。

主題

次主題

下級(jí)主題

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


可以改成這樣的其中g(shù).js包含了所有供全局使用的函數(shù)。
講到這里,可能大家都感覺這些東西都太專業(yè),讓你感覺云里霧里的,理論永遠(yuǎn)是灰色的,我上面說的,優(yōu)化的最高境界了,但我常常發(fā)現(xiàn)的是:我們的網(wǎng)站里面結(jié)構(gòu)混亂,頁面有各種css樣式的定義,還有大量的java腳本出現(xiàn),我覺得最簡單的瘦身方式,就是把重復(fù)使用的css樣式定義出來,放到css文件里面,把java腳本也放到一個(gè)文件里面,讓你的頁面看著比較整潔,盡量多的突出主題,降低網(wǎng)頁的信噪比
還有,對(duì)seo優(yōu)化而言,用div+css可以更好布局網(wǎng)站的架構(gòu),
把你想要展示的東西把代碼的上方
搜索引擎都是從上往下看的,累了就不看了
就是代碼靠前顯示的內(nèi)容卻未必再前面這樣搜索引擎先看前面的
div就是可以根據(jù)自己的需要進(jìn)行定位的

新聞標(biāo)題:網(wǎng)站結(jié)構(gòu)優(yōu)化實(shí)用方法及建議
標(biāo)題路徑:http://muchs.cn/news/246974.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供外貿(mào)建站、搜索引擎優(yōu)化、軟件開發(fā)定制開發(fā)、Google網(wǎng)站制作

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

手機(jī)網(wǎng)站建設(shè)