通過360實例淺談前端與seo(3)

這樣的好處是可以把內容、表現(xiàn)和行為分離開，保證代碼整潔的同時也方便維護。

CSS放在文件頭部，JS放在文件尾部，可使用工具對CSS和JS文件進行壓縮。

CSS Sprites。

減少HTTP請求。利用CSS Sprites技術可以把網(wǎng)頁用到的切片合成到一張圖上，這樣做既減少了HTTP請求數(shù)，又使得樣式圖片一次加載，避免網(wǎng)頁“白”的尷尬。
360官網(wǎng)首頁（http://www.#）主要前端圖片2張：

圖片1：

圖片2：

為圖片設置高度和寬度，可提高頁面的加載速度。

為靜態(tài)資源文件增加過期時間，讓用戶通過本地緩存來更快的訪問網(wǎng)站。

減少大改版的頻率。

壓縮、格式化代碼。

可以在上線前，使用一些工具，把HTML、CSS和JS都壓縮、格式化一下，可以減少頁面大小。

不使用CSS表達式，會影響效率。

使用CDN網(wǎng)絡，可加快用戶訪問速度。

啟用GZIP壓縮，瀏覽速度變快，搜索引擎的蜘蛛抓取信息量也會增大。

善于利用瀏覽器插件。

例如火狐的YSlow就很有用，可以查看該頁面代碼、樣式、JS、圖片等加載情況，為進一步優(yōu)化頁面起到了指導作用。

偽靜態(tài)設置。

如果是動態(tài)網(wǎng)頁，可以開啟偽靜態(tài)功能，讓蜘蛛“誤以為”這是靜態(tài)網(wǎng)頁，因為靜態(tài)網(wǎng)頁比較合蜘蛛的胃口，如果url中帶有關鍵詞效果更好。
動態(tài)地址：

http://www.#/index.php

偽靜態(tài)地址：

http://www.#/index.html

篇后語

不要耍小聰明，利用已掌握的技術想方設法欺騙搜索引擎，可能會在短時間內有明顯的效果，排名提升等，但搜索引擎發(fā)現(xiàn)后會果斷降權你的網(wǎng)頁或直接封殺，得不償失。

希望本文能讓大家正確認識SEO，SEO要適度，網(wǎng)站還是要以“內容為王”，有好的內容網(wǎng)站才會有發(fā)展。