網(wǎng)站頁面代碼該如何做SEO優(yōu)化

  1、HEAD部分代碼規(guī)范化
  HEAD部分代碼是搜索引擎爬行網(wǎng)站的入口部分，現(xiàn)在很多網(wǎng)站的頭部代碼都相當(dāng)統(tǒng)一化，刻板效應(yīng)明顯十足，這樣的網(wǎng)站代碼是像模板框架一樣是不被spider喜歡的，而我們要做的就是將網(wǎng)站的代碼規(guī)范化，建立起網(wǎng)站獨(dú)一無二的head部分，讓搜索引擎有新鮮感，這樣才能夠吸引spider爬行。
  2、使用DIV+CSS布局網(wǎng)頁
  雖然現(xiàn)在div+css已經(jīng)很成熟了，但是很多網(wǎng)頁設(shè)計(jì)者可能考慮到網(wǎng)頁的兼容性以及布局的簡(jiǎn)易性還是使用老式的table布局，雖然table布局很方便，但是其弊端也是顯而易見的，那就是會(huì)大大增加網(wǎng)頁的大小，尤其是多層表格的嵌套，這種布局不僅會(huì)提升體積，同時(shí)如果嵌套數(shù)太多的話就會(huì)影響到搜索引擎的爬行，影響到站點(diǎn)的收錄。
  另外，一些網(wǎng)站會(huì)使用外部文件，將css和js放在外部文件中，頁面html中只要放一樣代碼調(diào)用就可以了，有時(shí)候我們?nèi)ゲ榭吹囊恍┰次募a，會(huì)看到很多css代碼以及javasript代碼，將javascript放置在網(wǎng)站頁面的html文件中的最前面，而真正能用到得一些文字部分這被推倒了html的后面。
  3、CSS優(yōu)化
  CSS是頁面效果呈現(xiàn)中非常重要的組成部分，它包括顏色、大小尺寸、背景和字體等。寫CSS很簡(jiǎn)單很容易，但是要想寫出精煉的CSS代碼還是有很多技巧的。
  （1）、CSS位置
  CSS說明如果出現(xiàn)在網(wǎng)站之后，頁面需要重新渲染，打開速度受到影響，所有css定義代碼的位置要放到網(wǎng)站之前。
  （2）、css sprite技術(shù)
  網(wǎng)站上的一些圖片可以采用css sprite技術(shù)進(jìn)行合并，減少加載請(qǐng)求次數(shù)，從而提高網(wǎng)頁的加載速度。
  （3）、CSS代碼優(yōu)化
  通過對(duì)css代碼屬性的簡(jiǎn)寫、移除多余的結(jié)構(gòu)(frameworks)和重設(shè)(resets)等一系列的方法和技巧來簡(jiǎn)化css代碼，減小css文件的大小。
  （4）、盡量不要使用內(nèi)嵌式CSS
  內(nèi)嵌式CSS分為兩種，一是在head區(qū)域的普通內(nèi)嵌式；二是在標(biāo)簽內(nèi)出現(xiàn)的行內(nèi)內(nèi)嵌式CSS，無論是何種內(nèi)嵌CSS方式結(jié)果都會(huì)提升頁面的體積，對(duì)此，我們可以盡量使用外調(diào)式的CSS來為站點(diǎn)頁面的體積瘦身。
  4、JS優(yōu)化
  JS優(yōu)化與其他語言的優(yōu)化也仍然有相同之處，JS優(yōu)化的關(guān)鍵，仍然是要把精力放在最關(guān)鍵的地方，也就是瓶頸上，一般來說，瓶頸總是出現(xiàn)在大規(guī)模循環(huán)的地方，這倒不是說循環(huán)本身有性能問題，而是循環(huán)會(huì)迅速放大可能存在的性能問題。
  （1）、JS位置
  網(wǎng)頁代碼中對(duì)js進(jìn)行優(yōu)化的時(shí)候，建議將JS放在頁面最后，這樣可以加快頁面打開速度。
  （2）、合并JS
  合并相同域名下的js，通過減少網(wǎng)絡(luò)連接次數(shù)從而提高網(wǎng)頁的打開速度。
  （3）、LazyLoad(延遲加載)技術(shù)
  Lazy Load是一個(gè)用JavaScript編寫的jQuery插件，它可以延遲加載長(zhǎng)頁面中的圖片，在瀏覽器可視區(qū)域外的圖片不會(huì)被載入，直到用戶將頁面滾動(dòng)到它們所在的位置。
  （4）、JS代碼外部的調(diào)用
  我們知道當(dāng)前的搜索引擎還是不能夠識(shí)別JS代碼的，倘若在網(wǎng)站中出現(xiàn)大批量的js代碼網(wǎng)站在收錄上就會(huì)出現(xiàn)困難，而我們要做的就是將用到Javascript代碼用外部調(diào)用的形式放在網(wǎng)站中，這樣可以簡(jiǎn)化搜索引擎的工作，也不會(huì)在無形中衍生出無效代碼累及網(wǎng)站。
  不僅如此，可以采用外部調(diào)用的還有css代碼，建站之初可以將網(wǎng)站的文字、顏色定義在css代碼文件中，盡量不要在頁面代碼內(nèi)出現(xiàn)過多的樣式代碼。
  （5）、降低頁面對(duì)于JS的依賴性
  現(xiàn)在來說，JS對(duì)于搜索引擎并不不友好，雖然有消息稱搜索引擎不會(huì)對(duì)JS有厭惡的情緒，但是多一事不如少一事，雖然JS可以制作出很多的效果，但是網(wǎng)頁中大量的JS將影響蜘蛛對(duì)頁面的抓取和增加網(wǎng)頁體積，尤其是頁面的關(guān)鍵位置如導(dǎo)航欄，盡量采用DIV+CSS的設(shè)計(jì)方法。