在日常做網站優(yōu)化時，確定網站優(yōu)化的就是優(yōu)化網站代碼，網站代碼的診斷通過檢測工具部分診斷出來，CSS、js代碼需要合并，盡量減少不必要的服務器請求，使用CSSSprite合并不常改動的圖片，js放置到頁面未尾增進頁面加載速度，出現(xiàn)在正文中的CSS代碼合并到CSS表中，改進HTML盒子的大小定義等方面，代碼優(yōu)化可以增進訪問速度、減輕服務器訪問壓力、減少服務器占用空間及下載帶寬等。 一、合并CSS/js代碼 遵循W3C代碼規(guī)范，前端HTML結構標簽、CSS樣式層疊表、js應該盡量保持分離，方便代碼閱讀管理，同時對搜索引摩抓取友好，有意識的降嶸，可以幫助視索引掌里高效識別HTML 文檔關鍵內容。 合并CSS代碼包括HTME文檔中用LINK及@IMPORT引入的CSS樣式層疊表，頁面內部樣式表，行內嵌人樣式表。每一次LINK 或@IMPORT引入都會對服務器進行一次資源請求。無論從用戶訪問、搜索引擎抓取還是服務器負荷等角度來說，合并CSS文件都是必要的。假如同一時間并發(fā)10萬訪向。對服務器的請求詞數則相差10倍，可能造成訪問阻塞或者服務器宕機等。 二、CSSSprite CSS精靈技術的目的也在于合并不常改動的網站圖片到一張大圖上去，減少服務器請求次數，比較常見的是對按鍵小圖標、標題前小圖標、LOGO、確定、取消等圖片合并成一張。 1.js引入或頁內js放置到HTML文檔末 由于js是可執(zhí)行文件，因此有可能會存在需要較長時間才能執(zhí)行完一個函數的情況，如果放置在頁面前部分，就會阻塞js文件后面的頁面加載，導致頁面只有部分被加載進客戶端容器，影響用戶體驗，因此提倡將外部引人js或頁內js放置頁面末端獲得更好的訪問及蜘蛛抓取體驗。此處就涉及js的同步、異步及延遲加載，目的依舊在于考慮用戶及蜘蛛的訪問體驗，起到更好的優(yōu)化效果。 2.減少HTML、CSS、js文檔冗余，壓縮文檔 (1)HTML文檔非必要的常見冗余包括Meta元標簽，如作者、版權等聲明(<Metaname"author"content-"江天"/>)，搜索引|擎驗證代碼(<Metaname-"360-site-verification’content-89e0370e560677b07820df27dd1b172e)，分割開的js、CSS引人代碼，注釋，多余空格，無用的js,CSS或者隱藏的HTML無任何功能的標簽，重疊的CSS樣式，非必要的標簽嵌套，過多的統(tǒng)計代碼，分享代碼、排薦代碼等方代碼等第三方代碼。 (2）CSS文檔里與默認樣式一樣的代碼，組合樣式中多余的CSS代碼，沒有必要出現(xiàn)的樣式，不起作用的單樣式，HTML文檔中的樣式標簽應被CSS樣式替代，注釋，多余空格等。 (3)js文檔常見的冗余，包括15寫冗余，邏輯冗余、多余執(zhí)行的冗余和代碼數量的冗余等，需要依靠前端程序員協(xié)助進行代碼重構，以提高代碼執(zhí)行效率，壓縮占用空間等。 (4)檢在刪除不使用的HTML,CSS,js及圖片，F(xiàn)lash文件、視頻等，減少不必要的服務器空間占用。開啟GZIP亞索對web問價進行亞索處理，減少空間占用和加快下載的速度。 三、Xhtml檢測 （1）圖片alt屬性不要留空，對圖片進行說明方便搜索引擎理解，同時在圖片無法加載的時候用文字默認顯示，以方便訪客理解占位的圖片是什么alt屬性在SEO中被用來嵌如相關關鍵詞、增加頁面關鍵詞密度及圖片的關鍵詞相關性，以及增加在圖片收錄及排名中的優(yōu)勢。 （2）樣式標簽或樣式類屬性棄用，使用CSS代替，做到布局跟表現(xiàn)樣式分離。 （3）標簽的不合理嵌套，比如在檢測結果中顯示出將style標簽放置于ul標簽中。 （4）H系列標簽對于文檔進行結構化。 四、CSS檢測 CSS檢沙地址為htpt//isaw.w3.orgCS-val CSS有三種檢測辦法:直接輸人CSS地址、上傳CSS文件及輸人CSS代碼檢測。按照檢測結果進行相對應的優(yōu)化，更正語法錯誤，去除冗余代碼等。 五、語義化標結構化文檔 在代碼優(yōu)化中，非常重要的一點，即理解所有17個IML標簽各自代表的語義，在正確的位置使用它，以使網頁結構能的代和優(yōu)化中，在8夠非常清晰且快速地被搜索引擎理解井抓取、索引。這是對搜索引擎友好的重要表現(xiàn)。不單單是我們常見的Title標簽表示頁面標題，Keywords標簽表示頁面關鍵詞，Description標簽表示描述，H標簽表示H標簽表示heading到章節(jié)存層級，strong標簽是強調，其他所有標簽也都有各自的適用范用，說用世用即會造成結構混亂，不易理解。比如，全頁面使用div進行布局，就會增加搜索引擎對頁面各個部分的理解難度。 六、其他代碼優(yōu)化 所有屬性必須用英文狀態(tài)引號“括起來，把所有<和&特殊符號用編碼表示，給所有屬性賦一個值，所有的標記都必須要有一個相應的結束標記，所有的標記都必須合理嵌套。在form表單中增加label,以增加用戶友好度，單標簽使用用合(如<img>)。以上所羅列的都是HTML規(guī)范寫法，目的在于減少網頁顯示錯誤，利于搜索引擎高效抓取，無論從用戶體驗還是SEO角度都有有益而無害的。 nofollow的適當使用，對不參與排名的站內頁面人為控制抓取。 適當使用h系列標簽，stong、b標簽及其他語義化標簽，使結構變清晰，提供給蜘蛛更便捷的爬取路徑。 網站優(yōu)化中，網站結構代碼優(yōu)化就講到這里，希望對你有所幫助。
