您當前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁設計教程 >> 設計理論 >> 瀏覽設計教程

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

,保證網(wǎng)頁代碼的整潔,也有利于日后維護。



這樣的好處是可以把內容、表現(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ā)展。

[教程作者:admin]
免責聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉載,請注明出處,素材資料僅供個人學習與參考,請勿用于商業(yè)用途!
本文地址:http://m.likemindfilms.com/tutorial/di1323.html
網(wǎng)頁設計趨勢分析及預測-自適應及單頁布局
以設計師為對象的深度訪談
圖趣網(wǎng)微信
建議反饋
×