DIV CSS 佈局教程網

接觸到不少的SEOER一聽到說優化代碼，就完全不懂了，其實代碼是SEO優化一個重要部分，不然發個外鏈、寫個文章，那麼是個人基本都能夠做到的，為了跟上SEO的步伐，學代碼是SEOER必需經過的一段路程！

雖然有寫人會覺得，代碼越來越廉價，因為在購買完模版以後，模版是根據最優秀的網站抄襲的，比如博客咱們都有一個非常優秀的博客模版，他能夠成功， 咱就不能夠拿他的模版做成功嗎，所以太多人報著這樣的心態去做SEO優化，其實這裡面有嚴重的錯誤觀念！比如說，在新站上線的時候，盧松松並不是使用現在 的模版，因為那個的用戶使用習慣接觸人群並沒有現在的多，所以需要根據IP、浏覽量、PV來調整網站，最後達到優化的效果，而我們就不應該直接購買一套成 功的模版去做內容和鏈接優化。咱還是不多說廢話了，進入主題，手把手的教您把自己網站的代碼給優化好！

就拿著我的博客作為例子，打開馮耀宗博客【查看源代碼】，雖然看起來非常亂的代碼，沒關系，咱們從上往下看。

Meta標簽：如果要做的非常簡單，meta標簽只需要設置一個字符編碼就 可以了，咱們在任意地方購買的模版都會寫上字符編碼，另外Title標題、關鍵詞、Description描述這裡也列為meta標簽去優化，這三個地 方，一半在模版中會直接調用到後台，可以直接在後台設置，所以代碼上需要基本是不需要操作。

CSS/JS引用：在我們購買到網站模版後，大多數的網站均是調用JS或CSS的，這裡需要主意的是最好使用絕對路徑調用JS/CSS，如下所示：

<LINK rel=stylesheet type=text/css href="http://ssffx.com/templets/lusongsong/style/LuSongSong-Index.css?ver=20141015

當然，絕對路徑是全站都需要做到的，像圖片、文章鏈接、CSS/JS調用等。這一點是許多優化人員不知道並且沒有做的一點，那麼絕對路徑和相對路徑是什麼意思呢？下面的代碼就是相對路徑，看完後，我相信你已經明白了，無非就是在代碼中加入自己的網站域名即可。

<LINK rel=stylesheet type=text/css href="/templets/lusongsong/style/LuSongSong-Index.css?ver=20141015

另外相信大家都看到上面這一段CSS的時候會感覺有點不一樣，那就是我接下來要說的CSS設置緩存時間，當你的CSS/JS更新以後，浏覽器會保持 原來的緩存，如果不強行刷新，網站是不會更改過來，所以這裡需要設置緩存時間（?ver=20141015）來幫用戶更新新的界面，這一點對SEO沒有直 接作用，但是對用戶體驗有很大的幫助。

JS位置：我們買來的模版，JS絕對都是放在頭部，但在優化的過程中，而 JS文件通常是效果文件，我們可以讓網站先加載主題內容，其次加載效果內容，所以有必要把JS文件從頭部移動到底部，這樣用戶看起來你的網站會訪問的更 快，當然如果CSS有必要，一樣可以這樣做，常規的CSS是不建議放到底部，會影響加載效果。另外JS及CSS不建議在html模版中寫入，最好是新建一 個JS或CSS文件，然後把JS或CSS內容放入，在調用這個CSS或JS文件即可。

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

廣告：如果你網站是自己接的廣告，那可以使用百度廣告管家統計數據，同時還可以把多個廣告位的JS整合到一個 JS裡面，這是對廣告聯盟的JS做一個何必，如果你是使用百度廣告聯盟，沒關系，一樣對接到百度管家裡面，然後把廣告聯盟的JS整合到一個JS。其他第三 方的廣告聯盟就設置不了，也沒有這個優勢！

導航：導航上的優化，通常就是一個A標簽，這個A標簽不建議設置新窗口打開，另外一個是A標簽中的title屬性，如果條件允許，可以直接設置成行業詞，而A標簽中可顯示的文字可以設置成品牌詞，這樣在不影響體驗的同時一樣達到了優化關鍵詞的效果。

文章鏈接：文章鏈接通常是做兩個，一個在標題上，一個做在描述上，我的博客之所以沒做描述上的鏈接，主要是在百度熱力圖上並沒有看到有多少人點擊描述部位。不過我還是建議在描述位置增加一個A標簽，A標簽中增加title屬性。

這裡需要提醒一點的是，當一篇文章出現兩個一樣的A標簽指向的時候，我們需要用nofollow標簽屏蔽其中一個鏈接，這裡描述和標題都出現了同一個鏈接，這裡建議使用nofollow標簽屏蔽描述上的鏈接，加上去是為了讓用戶方便點擊，屏蔽是為了不讓搜索引擎重復抓取。

搜索：站內搜索頁面本不建議做SEO優化，因為大多站內搜索都是動態頁面，而這些動態頁面均直接用robots 了屏蔽百度蜘蛛，艾瑞網曾使用搜索結果頁面做SEO排名被刷排名出現降權，所以我們要吸取教訓，不過最好還是建議使用百度的站內搜索。這樣自己網頁就不會 出現太多的垃圾頁面收錄了。

版權：版權是可以留下的，使用別人的程序不留版權是不道德的行為，所以有必要在底部留下對於的版權信息，但是版 權、備案、站外鏈接都應該加nofollow標簽，當然這是站外的鏈接，站內也有部分鏈接需要加入nofollow標簽，比如我博客底部的廣告合作、微信 二維碼、手機客戶端、聯系QQ等頁面。

體驗：其實在用戶體驗上的優化本問說的並不少很多，但代碼可以決定用戶體驗，比如增加百度統計的返回頂部功能，文章頁面增加快速評論功能、一個網站最多只能顯示3屏、左右可以翻頁等功能，看起來功能非常少，但綜合的細節決定一個網站的成敗！

網站地圖：網站地圖是搜索引擎最容易抓取的一個頁面，這個頁面裡面有所有應該被抓取的內容，所以很多時候，搜索引擎為了偷懶，他自然會抓取網站地圖文件，通常情況下網站地圖的代碼如下所示：

<url>

<loc>http://ssffx.com/SEOjishu/</loc>

<changefreq>daily</changefreq>

<priority>0.8</priority>

</url>

代碼非常簡單LOC為鏈接、changefreq為更新時間，我博客的更新時間為一周、priority為權重，比如首頁為1，欄目為0.8。

Robots：搜索引擎在抓取一個網站的時候，第一時間看robots 文件，這裡可以識別到哪些文件可以抓取，哪些文件不可以，robots文件最主要一點就是把網站地圖寫上去，如下所示：

Sitemap: http://ssffx.com/sitemap.xml

總結：看了這麼多，我相信你的網站也有沒有完善的，趕緊行動試一下？