網(wǎng)站代碼優(yōu)化

SEO 優(yōu)化代碼

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

雖然有寫人會覺得，代碼越來越廉價(jià)，因?yàn)樵谫徺I完模版以后，模版是根據(jù)最優(yōu)秀的網(wǎng)站抄襲的，比如博客咱們都有一個(gè)非常優(yōu)秀的博客模版，他能夠成功，咱就不能夠拿他的模版做成功嗎，所以太多人報(bào)著這樣的心態(tài)去做 SEO 優(yōu)化，其實(shí)這里面有嚴(yán)重的錯(cuò)誤觀念！比如說，在新站上線的時(shí)候，盧松松并不是使用現(xiàn)在的模版，因?yàn)槟莻€(gè)的用戶使用習(xí)慣接觸人群并沒有現(xiàn)在的多，所以需要根據(jù) IP、瀏覽量、PV 來調(diào)整網(wǎng)站，最后達(dá)到優(yōu)化的效果，而我們就不應(yīng)該直接購買一套成功的模版去做內(nèi)容和鏈接優(yōu)化。咱還是不多說廢話了，進(jìn)入主題，手把手的教您把自己網(wǎng)站的代碼給優(yōu)化好！

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

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

CSS/JS 引用：在我們購買到網(wǎng)站模版后，大多數(shù)的網(wǎng)站均是調(diào)用 JS 或 CSS 的，這里需要主意的是最好使用絕對路徑調(diào)用 JS/CSS，如下所示：

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

當(dāng)然，絕對路徑是全站都需要做到的，像圖片、文章鏈接、CSS/JS 調(diào)用等。這一點(diǎn)是許多優(yōu)化人員不知道并且沒有做的一點(diǎn)，那么絕對路徑和相對路徑是什么意思呢？下面的代碼就是相對路徑，看完后，我相信你已經(jīng)明白了，無非就是在代碼中加入自己的網(wǎng)站域名即可。

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

另外相信大家都看到上面這一段 CSS 的時(shí)候會感覺有點(diǎn)不一樣，那就是我接下來要說的 CSS 設(shè)置緩存時(shí)間，當(dāng)你的 CSS/JS 更新以后，瀏覽器會保持原來的緩存，如果不強(qiáng)行刷新，網(wǎng)站是不會更改過來，所以這里需要設(shè)置緩存時(shí)間（?ver=20141015）來幫用戶更新新的界面，這一點(diǎn)對 SEO 沒有直接作用，但是對用戶體驗(yàn)有很大的幫助。

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

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 屬性用戶很難得看得到。

廣告：如果你網(wǎng)站是自己接的廣告，那可以使用百度廣告管家統(tǒng)計(jì)數(shù)據(jù)，同時(shí)還可以把多個(gè)廣告位的 JS 整合到一個(gè) JS 里面，這是對廣告聯(lián)盟的 JS 做一個(gè)何必，如果你是使用百度廣告聯(lián)盟，沒關(guān)系，一樣對接到百度管家里面，然后把廣告聯(lián)盟的 JS 整合到一個(gè) JS。其他第三方的廣告聯(lián)盟就設(shè)置不了，也沒有這個(gè)優(yōu)勢！

導(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)鍵詞的效果。

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

這里需要提醒一點(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ù)抓取。

搜索：站內(nèi)搜索頁面本不建議做 SEO 優(yōu)化，因?yàn)榇蠖嗾緝?nèi)搜索都是動態(tài)頁面，而這些動態(tài)頁面均直接用 robots 了屏蔽百度蜘蛛，艾瑞網(wǎng)曾使用搜索結(jié)果頁面做 SEO 排名被刷排名出現(xiàn)降權(quán)，所以我們要吸取教訓(xùn)，不過最好還是建議使用百度的站內(nèi)搜索。這樣自己網(wǎng)頁就不會出現(xiàn)太多的垃圾頁面收錄了。

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

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

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

```　

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

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

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

> 總結(jié)：看了這么多，我相信你的網(wǎng)站也有沒有完善的，趕緊行動試一下？【馮耀宗】