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

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

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

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

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

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

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

但有時(shí)我們在寫(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能去除冗余的屬性，提高運行效率。如果你寫(xiě)好CSS后懶得去做簡(jiǎn)化，你可以使用一些在線(xiàn)的簡(jiǎn)化CSS工具，比如CleanCSS.

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

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

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

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

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

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

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

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

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

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

 

---