網(wǎng)頁體積大小是一項(xiàng)常見的SEO指標(biāo),在進(jìn)行SEO診斷分析中都會(huì)考慮到這一點(diǎn)。隨著網(wǎng)絡(luò)帶寬的增加,網(wǎng)頁體積的大小將會(huì)越來越不重要,因?yàn)榫W(wǎng)速加快了,打開頁面的速度也自然增加,由此網(wǎng)頁體積的大小也可相應(yīng)增加而不會(huì)影響用戶體驗(yàn)。
針對(duì)頁面打開速度和用戶體驗(yàn)的問題,有一個(gè)8秒鐘法則,當(dāng)頁面8秒中內(nèi)沒有打開時(shí),用戶就會(huì)感到反感,并放棄你的頁面,當(dāng)然如果你的網(wǎng)頁對(duì)用戶很重要?jiǎng)t另當(dāng)別論。而搜索引擎則沒有那么客氣,目前搜索引擎只會(huì)搜索100k以內(nèi)的內(nèi)容,如果你的網(wǎng)頁體積超過100k,則即便是100k以后的內(nèi)容很有吸引力,搜索引擎也不會(huì)對(duì)你多看一眼,:-)。
所以我們不得不考慮減小我們網(wǎng)頁的體積來提高用戶體驗(yàn)和對(duì)搜索引擎蜘蛛友好。當(dāng)然有個(gè)問題需要澄清一下就是上述的100k以內(nèi)是指html大小在100k以內(nèi),而網(wǎng)頁中圖片或者flash的體積則不再這100k以內(nèi)。
減小網(wǎng)頁體積主要從兩方面入手:網(wǎng)頁html體積和網(wǎng)頁整體(包含各種媒體和html)的體積。下面分別針對(duì)這兩方面做一些闡述。
1. 網(wǎng)頁布局盡量采用DIV+CSS。由于CSS的強(qiáng)大的控制網(wǎng)頁效果的功能,可以使用較少的代碼和CSS樣式設(shè)計(jì)出使用表格布局中需要大量冗余html代碼才能制作出的效果。當(dāng)然采用table布局比較簡(jiǎn)單,對(duì)于新學(xué)網(wǎng)頁設(shè)計(jì)的人來說更容易上手。如果非要使用table布局,就要考慮怎樣和css有機(jī)結(jié)合,減少嵌套表格的使用以減小網(wǎng)頁html體積。
2. 采用外部文件的形式使用css和js。許多情況下造成網(wǎng)頁臃腫的另一個(gè)原因是網(wǎng)頁中插入了太多的css和js,有些網(wǎng)頁js代碼竟然占到整個(gè)網(wǎng)頁的90%!css代碼和js嵌入在代碼中不僅難于管理,而且大大增加了網(wǎng)頁體積,影響搜索引擎蜘蛛爬行,也影響下載速度。所以采用外部文件的形式使用css和js也是減小網(wǎng)頁體積的重要途徑之一,網(wǎng)頁中盡量不要有頁內(nèi)的css和js代碼。同時(shí)也也要注意減少使用inline css!
3. 清除word格式或者其他格式文檔夾帶的格式。對(duì)于經(jīng)常把word文檔中的文字制作成網(wǎng)頁,或者添加到CMS中的人來說得尤其注意這一點(diǎn),直接從word中拷貝過來的文字有時(shí)候會(huì)含有許多不必要的,臃腫的垃圾格式代碼!嚴(yán)重影響網(wǎng)頁html體積,一般好的編輯器會(huì)提示你是否清楚word格式,建議選擇清除格式,如果清除word格式后排版出現(xiàn)混亂,請(qǐng)耐住性子,參老原文好好排一下版,細(xì)節(jié)決定成敗,不要吝惜這點(diǎn)時(shí)間。
4. 合理分頁。上面提到搜索引擎只會(huì)爬行100k以后的內(nèi)容,所以當(dāng)你的文章過長(zhǎng)的時(shí)候要注意合理、適當(dāng)分頁,分頁可以增加網(wǎng)頁數(shù)量,也可以增加網(wǎng)站瀏覽量,但不能為了分頁而分頁,比如把一篇文章分成n個(gè)小段!
避免太多嵌套表格和div,盡量采用css來控制頁面;采用外部文件的形式使用css和js;清除word或者其他格式文檔夾帶的格式;合理分頁是減小網(wǎng)頁html體積四種主要方法。