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

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

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

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

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

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

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

但有時我們在寫CSS的時候會使用了一些比較羅嗦的語句，比如這句：

Css代碼

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

你可以將它簡化為：

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來包含：

Html代碼

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

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

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

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

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

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

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

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

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

2.減少網(wǎng)頁中flash，還沒有聽說哪個搜索引擎能識別的

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

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

 

---