一。網(wǎng)站中圖像格式的注意

一般在網(wǎng)頁(yè)上使用的圖片格式有三種，jpg、png、gif.三種格式的具體技術(shù)指標(biāo)不是這篇文章探討的內(nèi)容，我們只需要知道在什么時(shí)候應(yīng)該使用什么格式，以減少網(wǎng)頁(yè)的加載時(shí)間。

1、JPG：一般用于展示風(fēng)景、人物、藝術(shù)照的攝影作品。有時(shí)也用在電腦截屏上。

2、GIF：提供的顏色較少，可用在一些對(duì)顏色要求不高的地方，比如網(wǎng)站logo、按鈕、表情等等。當(dāng)然，gif的一個(gè)重要的應(yīng)用是動(dòng)畫(huà)圖片。就像用Lunapic制作的倒映圖片。

3、PNG：PNG格式能提供透明背景，是一種專(zhuān)為網(wǎng)頁(yè)展示而發(fā)明的圖片格式。一般用于需要背景透明顯示或?qū)D像質(zhì)量要求較高的網(wǎng)頁(yè)上。

二。關(guān)于網(wǎng)站CSS的優(yōu)化細(xì)節(jié)

CSS疊層樣式表讓網(wǎng)頁(yè)加載起來(lái)更高效，瀏覽體驗(yàn)也得到提高。有了CSS，表格布局的方式可以退休了。

但有時(shí)我們?cè)趯?xiě)CSS的時(shí)候會(huì)使用了一些比較羅嗦的語(yǔ)句，比如這句：

Css代碼

margin-top： 10px; margin-right： 20px; margin-bottom： 10px; margin-left： 20px;

你可以將它簡(jiǎn)化為：

margin： 10px 20px 10px 20px;

又或者這句：

 Html代碼

1.＜p class="decorated"＞A paragraph of decorated text＜/p＞     2.＜p class="decorated"＞Second paragraph＜/p＞     3.＜p class="decorated"＞Third paragraph＜/p＞     4.＜p class="decorated"＞Forth paragraph＜/p＞

可以用div來(lái)包含：

Html代碼

＜div class="decorated"＞     ＜p＞A paragraph of decorated text＜/p＞     ＜p＞Second paragraph＜/p＞     ＜p＞Third paragraph＜/p＞     ＜p＞Forth paragraph＜/p＞     ＜/div＞

簡(jiǎn)化CSS能去除冗余的屬性，提高運(yùn)行效率。如果你寫(xiě)好CSS后懶得去做簡(jiǎn)化，你可以使用一些在線(xiàn)的簡(jiǎn)化CSS工具，比如CleanCSS.

三。網(wǎng)頁(yè)信噪比的注意

網(wǎng)頁(yè)信噪比表現(xiàn)：

有些網(wǎng)頁(yè)以純文本方式體現(xiàn)的網(wǎng)頁(yè)和關(guān)鍵字詞密度以及大小一樣的網(wǎng)頁(yè)在搜索引擎返回的結(jié)果高的原因。并且也能合理結(jié)實(shí)在一些搜索結(jié)果中，關(guān)聯(lián)一個(gè)網(wǎng)站的第一頁(yè)是網(wǎng)站的某個(gè)以文字出現(xiàn)的頁(yè)面，而第二頁(yè)才是該站的首頁(yè)。

網(wǎng)頁(yè)信噪比原理：

信噪比（Signal/Noise），原是電聲學(xué)領(lǐng)域中的一個(gè)概念，指聲音源產(chǎn)生最大不失真聲音信號(hào)強(qiáng)度與同時(shí)發(fā)出噪音強(qiáng)度之間的比率。在網(wǎng)頁(yè)優(yōu)化中同樣存在這樣的原理，搜索引擎抓取頁(yè)面，主要抓取除去html修飾后的文本內(nèi)容，這部分內(nèi)容可以認(rèn)為是不失真聲音信號(hào)，而同時(shí)產(chǎn)生的那部分html標(biāo)簽內(nèi)容，可以被認(rèn)為是噪音。因此，網(wǎng)頁(yè)信噪音比，可以這樣理解：指網(wǎng)頁(yè)中的文本內(nèi)容部分與生成這些文本而產(chǎn)生的html標(biāo)簽內(nèi)容的比率。聲學(xué)中，信噪比越高，說(shuō)明聲音信號(hào)越清晰，同理，網(wǎng)頁(yè)信噪比越高，說(shuō)明頁(yè)面中純文本內(nèi)容相對(duì)越多，搜索引擎抓取頁(yè)面也越容易。

網(wǎng)頁(yè)信噪比技巧：

1.減少網(wǎng)頁(yè)中的圖片，必須使用的請(qǐng)加上注釋。

2.減少網(wǎng)頁(yè)中flash，還沒(méi)有聽(tīng)說(shuō)哪個(gè)搜索引擎能識(shí)別的

3.網(wǎng)頁(yè)中css、js封裝，統(tǒng)一調(diào)用

國(guó)內(nèi)部分優(yōu)化人士認(rèn)為，一般來(lái)說(shuō)網(wǎng)頁(yè)信噪音比在30%左右比較合理。

 

---