通過(guò)360實(shí)例淺談前端與seo

SEO（Search Engine Optimization），就是傳說(shuō)中的搜索引擎優(yōu)化，是指為了增加網(wǎng)頁(yè)在搜索引擎自然搜索結(jié)果中的收錄數(shù)量以及提升排序位置而做的優(yōu)化行為。我認(rèn)為這是一門(mén)說(shuō)來(lái)簡(jiǎn)單，但操作起來(lái)復(fù)雜的技術(shù)，只可意會(huì)，不可言傳。作為一名前端工程師，不需要精通SEO，但必須要了解它。SEO有一條不變的準(zhǔn)則就是它永遠(yuǎn)都在變，因?yàn)闆](méi)有一沉不變的優(yōu)化方案可供大家套用。但我們?nèi)匀豢梢园l(fā)現(xiàn)一些基礎(chǔ)的或是被人們公認(rèn)的規(guī)律來(lái)進(jìn)行網(wǎng)站的SEO。更重要的是我們要有自己的實(shí)踐，不斷發(fā)現(xiàn)適合自己行之有效的SEO方法。

從宏觀的角度來(lái)說(shuō)，我認(rèn)為SEO有三條最重要的規(guī)律，那就是原創(chuàng)的內(nèi)容、高質(zhì)量的外部鏈接和持之以恒適度的優(yōu)化。

前端是構(gòu)建網(wǎng)站中很重要的一個(gè)環(huán)節(jié)，本篇重點(diǎn)從前端的角度來(lái)講解一下SEO的實(shí)施方法。前端的工作主要是負(fù)責(zé)頁(yè)面的HTML+CSS+JS，優(yōu)化好這幾個(gè)方面會(huì)為SEO工作打好一個(gè)堅(jiān)實(shí)的基礎(chǔ)。突出重要內(nèi)容可以讓搜索引擎判斷當(dāng)前頁(yè)面的重點(diǎn)是什么，提升網(wǎng)站訪問(wèn)速度可以讓搜索引擎的蜘蛛順利、快速、大量的抓取網(wǎng)頁(yè)內(nèi)容，所以以下我就著重以突出重要內(nèi)容和提升網(wǎng)站速度為主來(lái)總結(jié)一下。

突出重要內(nèi)容

合理的title、description和keywords

截圖取自于360搜索（so.com）

雖然現(xiàn)在搜索對(duì)這三項(xiàng)的權(quán)重慢慢減小，但還是希望能夠合理的寫(xiě)好他們，只寫(xiě)有用的東西，不要在這里寫(xiě)小說(shuō)，要表達(dá)重點(diǎn)。

title：只強(qiáng)調(diào)重點(diǎn)即可，重要關(guān)鍵詞出現(xiàn)不要超過(guò)2次，而且要靠前，每個(gè)頁(yè)面title要有所不同，如下圖：

description：把網(wǎng)頁(yè)內(nèi)容高度概括到這里，長(zhǎng)度要合理，不可過(guò)分堆砌關(guān)鍵詞，每個(gè)頁(yè)面description要有所不同，如下圖：

keywords：列舉出幾個(gè)重要關(guān)鍵詞即可，也不可過(guò)分堆砌。

語(yǔ)義化書(shū)寫(xiě)HTML代碼，符合W3C標(biāo)準(zhǔn)。

對(duì)于搜索引擎來(lái)說(shuō)，最直接面對(duì)的就是網(wǎng)頁(yè)HTML代碼，如果代碼寫(xiě)的語(yǔ)義化，搜索引擎就會(huì)很容易的讀懂該網(wǎng)頁(yè)要表達(dá)的意思。例如文本模塊要有大標(biāo)題，合理利用h1-h6，列表形式的代碼使用ul或ol，重要的文字使用strong等等。總之就是要充分利用各種HTML標(biāo)簽完成他們本職的工作，當(dāng)然要兼容IE、火狐、Chrome等主流瀏覽器。
我們