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

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

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

CSS Sprites。

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

圖片1：

圖片2：

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

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

減少大改版的頻率。

壓縮、格式化代碼。

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

不使用CSS表達(dá)式，會(huì)影響效率。

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

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

善于利用瀏覽器插件。

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

偽靜態(tài)設(shè)置。

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

http://www.#/index.php

偽靜態(tài)地址：

http://www.#/index.html

篇后語

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

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