每個(gè)人都想把seo做好，但是除了一些做了好些年的seoer對(duì)seo有一個(gè)正確的態(tài)度，知道做好seo需要的東西很多，很多新seoer都對(duì)seo沒有一個(gè)完整的認(rèn)識(shí)，尤其是提到代碼的時(shí)候很多人直接就是什么都不知道。

其實(shí)代碼優(yōu)化是seo優(yōu)化一個(gè)重要部分，不然發(fā)個(gè)外鏈、寫個(gè)文章，是個(gè)人基本都能夠做到的，為了跟上SEO的步伐，學(xué)代碼是SEOER必需經(jīng)過的一段路程！

這也是為什么小編把seoer分為三個(gè)階段原因，我一直認(rèn)為seoer有三個(gè)階段 這里簡(jiǎn)單的說下：

第一個(gè)階段就是目前seo行業(yè)內(nèi)最多的一部分人，他們只有一些seo基礎(chǔ)，甚至專業(yè)知識(shí)都不是太會(huì)，而seo學(xué)了足夠的專業(yè)知識(shí)也沒能突破第一個(gè)階段。他們只有seo的相關(guān)知識(shí)。

第二階段是目前業(yè)內(nèi)存在很少的一部分人，這部分人會(huì)seo知識(shí)同時(shí)也具備了一定的代碼知識(shí)，也就是html。

第三頁階段可以說業(yè)內(nèi)所存在的更少，這部分人已經(jīng)不止與seo，代碼知識(shí)，他們還需要懂編程。只有這部分人才能真正的把seo做好。

下邊廢話不多說，直接開始今天的主要內(nèi)容：seo代碼優(yōu)化

1、DIV+CSS

DIV+CSS的網(wǎng)站結(jié)構(gòu)對(duì)SEO優(yōu)化起到的作用越來越明顯。

其只要原因有一下幾個(gè)方面

(1)、采用這種結(jié)構(gòu)后，html頁面里基本只有文字或圖片信息，而樣式則放在css里，這樣搜索引擎蜘蛛就不會(huì)管css，只采集html里的內(nèi)容就可以大大提高搜索引擎蜘蛛的效率。

(2)、采用這種結(jié)構(gòu)往往關(guān)鍵詞更集中，密度更高。

(3)、div+css 行對(duì)于table來說比較精簡(jiǎn)，基本不存在表格嵌套的問題。

(4)、符合W3C標(biāo)準(zhǔn)的網(wǎng)頁在SEO優(yōu)化方面本身就是優(yōu)勢(shì)，更得到搜索引擎蜘蛛的喜愛。

2、Meta標(biāo)簽

Meta標(biāo)簽：如果要做的非常簡(jiǎn)單，meta標(biāo)簽只需要設(shè)置一個(gè)字符編碼就可以了，咱們?cè)谌我獾胤劫徺I的模版都會(huì)寫上字符編碼，另外Title標(biāo)題、關(guān)鍵詞、Description描述這里也列為meta標(biāo)簽去優(yōu)化，這三個(gè)地方，一般在模版中會(huì)直接調(diào)用到后臺(tái)，可以直接在后臺(tái)設(shè)置，所以代碼上需要基本是不需要操作。

3、css/js引用

搜索引擎蜘蛛處理的是文本文件，對(duì)頁面源代碼中沒有出現(xiàn)的內(nèi)容則看不到，用戶的行為或者其他事件之后才獲取并嵌入頁面上的動(dòng)態(tài)內(nèi)容和連接不能被搜索引擎看到，網(wǎng)頁中大量的javascript 將影響蜘蛛對(duì)頁面的抓取和增加網(wǎng)頁體積，會(huì)延遲網(wǎng)頁的打開速度，直接影響用戶體驗(yàn)。

在優(yōu)化的過程中要盡量減少javascript代碼的運(yùn)用，對(duì)必須要使用的javascript，也要盡量放到網(wǎng)站的底部先加載正文，或外部js調(diào)用（封裝）。

為什么要放在底部呢？

可能你不懂代碼就不知道了，這里來解釋一下，因?yàn)闉g覽器在渲染頁面時(shí)（也就是展現(xiàn)頁面）會(huì)從上到下渲染。

我們的模版，JS絕對(duì)都是放在頭部，但在優(yōu)化的過程中，而JS文件通常是效果文件，我們可以讓網(wǎng)站先加載主題內(nèi)容，其次加載效果內(nèi)容，所以有必要把JS文件從頭部移動(dòng)到底部，這樣用戶看起來你的網(wǎng)站會(huì)訪問的更快，當(dāng)然如果CSS有必要，一樣可以這樣做，常規(guī)的CSS是不建議放到底部，會(huì)影響加載效果。另外JS及CSS不建議在html模版中寫入，最好是新建一個(gè)JS或CSS文件，然后把JS或CSS內(nèi)容放入，在調(diào)用這個(gè)CSS或JS文件即可。

4、清理垃圾代碼

清理垃圾代碼是精簡(jiǎn)代碼其中一個(gè)非常重要的環(huán)節(jié)。垃圾代碼是刪除后不會(huì)影響頁面顯示的非必要的代碼，一個(gè)頁面在清理了垃圾代碼后，可以刪除近80%的冗余代碼。從而達(dá)到降低頁面體積，提高頁面的用戶體驗(yàn)和搜索引擎友好性的目的。常見的垃圾代碼有 空格字符、默認(rèn)屬性、注釋語句、和空語句等。

（1）、空格字符

空格字符實(shí)在編輯代碼時(shí)敲擊鍵盤上的空格鍵而產(chǎn)生的符號(hào)，網(wǎng)頁中每一個(gè)空格都算作一個(gè)字符，通常出現(xiàn)在每行代碼的開始處、結(jié)尾處以及空行中。

(2)、默認(rèn)屬性

我們?cè)谑褂镁W(wǎng)頁制作軟件時(shí)，都會(huì)產(chǎn)生一些默認(rèn)屬性的代碼，比如我們?cè)诰W(wǎng)頁中不添加左對(duì)齊的屬性，但是頁面中的內(nèi)容也是左對(duì)齊的，所以代碼中的左對(duì)齊屬性代碼就可以刪除。

(3)、注釋語句

在制作網(wǎng)頁的時(shí)候，我們會(huì)添加一些注釋語句來增強(qiáng)代碼的可讀性，但是過多的注釋語句會(huì)占用大量的網(wǎng)頁空間，而且如果注釋語句中存在大量的關(guān)鍵詞，還會(huì)被搜索引擎認(rèn)為是堆砌關(guān)鍵詞，從而對(duì)該站進(jìn)行處罰。所以我們?cè)谔砑幼⑨屨Z句時(shí)，就盡量避免添加那些即使刪除后也不會(huì)影響網(wǎng)頁源代碼可讀性的注釋語句。

(4)、空語句

空語句是指標(biāo)簽之間不存在任何內(nèi)容的空句子。

5、LOGO：

LOGO部分需要優(yōu)化的主要有兩個(gè)方面，第一個(gè)方面在LOGO處加H1標(biāo)簽，其次是在LOGO的A標(biāo)簽處添加一個(gè)title屬性，title屬性中寫上你優(yōu)化的主關(guān)鍵詞，之所以建議寫主關(guān)鍵詞而不寫品牌詞原因有兩個(gè)，第一個(gè)增加優(yōu)化主關(guān)鍵詞的密度，其次是title屬性用戶很難得看得到。

6、導(dǎo)航：

導(dǎo)航上的優(yōu)化，通常就是一個(gè)A標(biāo)簽，這個(gè)A標(biāo)簽不建議設(shè)置新窗口打開，另外一個(gè)是A標(biāo)簽中的title屬性，如果條件允許，可以直接設(shè)置成行業(yè)詞，而A標(biāo)簽中可顯示的文字可以設(shè)置成品牌詞，這樣在不影響體驗(yàn)的同時(shí)一樣達(dá)到了優(yōu)化關(guān)鍵詞的效果。

這里需要提醒一點(diǎn)的是，當(dāng)一篇文章出現(xiàn)兩個(gè)一樣的A標(biāo)簽指向的時(shí)候，我們需要用nofollow標(biāo)簽屏蔽其中一個(gè)鏈接，這里描述和標(biāo)題都出現(xiàn)了同一個(gè)鏈接，這里建議使用nofollow標(biāo)簽屏蔽描述上的鏈接，加上去是為了讓用戶方便點(diǎn)擊，屏蔽是為了不讓搜索引擎重復(fù)抓取。

7、搜索：站內(nèi)搜索頁面本不建議做SEO優(yōu)化，因?yàn)榇蠖嗾緝?nèi)搜索都是動(dòng)態(tài)頁面，而這些動(dòng)態(tài)頁面均直接用robots屏蔽百度蜘蛛。

8、圖片優(yōu)化

（1）、名稱

由于搜索引擎無法讀取圖片內(nèi)容，但是可以讀取圖片名稱的相關(guān)文本信息，所以我們?cè)诒４鎴D片名稱時(shí)，要確保圖片文件名或字符串包含主要關(guān)鍵詞。例如一張熊貓的圖片，我們可以隨意命名，但是我們最好將其命名為xiongmao.jpg 或者 panda.jpg 這樣URL字符串就包含了這張圖的關(guān)鍵信息

（2）、ALT標(biāo)簽

圖片中的信息要想讓搜索引擎更好的理解，必須利用alt屬性，圖片的alt屬性是對(duì)圖片信息進(jìn)行簡(jiǎn)要闡述。alt屬性非常重要，必須做到與圖片相關(guān)，與內(nèi)容相關(guān)，且需要避免為了關(guān)鍵詞堆砌而堆砌，該屬性不僅能夠讓搜索引擎更好的理解，同時(shí)若圖片出現(xiàn)錯(cuò)誤時(shí)，也能夠讓用戶了解圖片想要展示的主題

網(wǎng)站優(yōu)化從根本上來說，是為了用戶更好的獲取信息，而不是搜索引擎中獲得良好的排名，取得好的搜索結(jié)果排名只是正常網(wǎng)站優(yōu)化結(jié)果的自然體現(xiàn)。所以在設(shè)置描述 alt這些屬性時(shí)，應(yīng)該本著遵循用戶導(dǎo)向的原則，簡(jiǎn)明扼要地描述圖片內(nèi)容。

（3）、大小

如果網(wǎng)站不是專業(yè)的圖片展示，網(wǎng)站只要滿足普通視覺效果就可以了，圖片越小加載起來就越快。

9、版權(quán)：

版權(quán)是可以留下的，使用別人的程序不留版權(quán)是不道德的行為，所以有必要在底部留下對(duì)于的版權(quán)信息，但是版權(quán)、備案、站外鏈接都應(yīng)該加nofollow標(biāo)簽，當(dāng)然這是站外的鏈接，站內(nèi)也有部分鏈接需要加入nofollow標(biāo)簽，比如網(wǎng)站底部的廣告合作、聯(lián)系方式等頁面。

10、體驗(yàn)：

其實(shí)在用戶體驗(yàn)上的優(yōu)化本問說的并不少很多，但代碼可以決定用戶體驗(yàn)，比如增加百度統(tǒng)計(jì)的返回頂部功能，文章頁面增加快速評(píng)論功能、一個(gè)網(wǎng)站最多只能顯示3屏、左右可以翻頁等功能，看起來功能非常少，但綜合的細(xì)節(jié)決定一個(gè)網(wǎng)站的成??！

11、網(wǎng)站地圖：

網(wǎng)站地圖是搜索引擎最容易抓取的一個(gè)頁面，這個(gè)頁面里面有所有應(yīng)該被抓取的內(nèi)容，所以很多時(shí)候，搜索引擎為了偷懶，他自然會(huì)抓取網(wǎng)站地圖文件。

代碼非常簡(jiǎn)單LOC為鏈接、priority為權(quán)重，比如首頁為1，欄目為0.8，changefreq為更新時(shí)間。

12、Robots：

搜索引擎在抓取一個(gè)網(wǎng)站的時(shí)候，第一時(shí)間看robots 文件，這里可以識(shí)別到哪些文件可以抓取，哪些文件不可以，robots文件最主要一點(diǎn)就是把網(wǎng)站地圖寫上去。