網(wǎng)頁(yè)元素優(yōu)化

   　一、頁(yè)面結(jié)構(gòu)設(shè)計(jì)

　　首先要明白一個(gè)頁(yè)面由幾部分構(gòu)成。

　　一般頁(yè)面結(jié)構(gòu)由頭部、右(左)側(cè)、底部和主題部分構(gòu)成。一般的博客、資訊站、企業(yè)站等的頁(yè)面幾乎都是這樣來(lái)設(shè)計(jì)的。

　　二、文字優(yōu)化

　　1、字體

　　正規(guī)嚴(yán)肅的網(wǎng)站，不能用太優(yōu)質(zhì)的字體。

　　彰顯個(gè)性的網(wǎng)站，也不建議用特別不容易識(shí)別的字體。

　　2、顏色

　　一般采用黑色或深灰色為佳，不建議出現(xiàn)大量紅色，也不建議出現(xiàn)閃光的文字(當(dāng)然這一般就屬于圖片的范疇了)。

　　3、大小

　　字體一般為14px。

　　4、行間距與字間距

　　給人的感覺(jué)舒服就好。

　　三、圖片優(yōu)化

　　1、命名

　　Google建議是圖片描述的是什么，就命名為什么，比如上面一張圖片我的命名為“jiegou.png”，其實(shí)如果按照Google官方的說(shuō)法，這張圖片應(yīng)該命名為“yemianjiegoushilitu.png”，當(dāng)然用英文更好，則為“page_structure_diagram.png”。

　　當(dāng)然，如果按照Google的要求來(lái)做是最好的，沒(méi)必要非得寫英文，寫中文拼音也是可以的，對(duì)百度搜索引擎也是非常友好的。

　　2、大小

　　一般來(lái)講，圖片越清晰越好，但一般體積反而是越小越好。雖然這是矛盾的，但也是事實(shí)。

　　圖片不清晰，自然用戶體驗(yàn)度也不好，圖片清晰了，很可能體積就大了，導(dǎo)致頁(yè)面顯示圖片慢。

　　3、備注

　　備注是什么?就是圖片下方的文字說(shuō)明。一般大網(wǎng)站的圖片下方都會(huì)有對(duì)圖片的說(shuō)明。

　　4、alt與title屬性

　　圖片描述的是什么，就寫什么，例如上面一張圖的，alt與title均為“圖片備注示例圖”。

　　四、代碼優(yōu)化

　　一般不要在頁(yè)面上使用過(guò)多JS代碼，容易導(dǎo)致網(wǎng)站加載過(guò)慢，不要使用過(guò)多冗余代碼，可以適當(dāng)對(duì)代碼做精簡(jiǎn)。當(dāng)然這是有專門的技術(shù)人員在的話，其實(shí)CMS系統(tǒng)來(lái)講，本身是挺好的，但是由于人們開(kāi)發(fā)的主題或二次修改模板，可能會(huì)導(dǎo)致模板中有很多冗余代碼。