通過360實例淺談前端與seo

SEO（Search Engine Optimization），就是傳說中的搜索引擎優(yōu)化，是指為了增加網頁在搜索引擎自然搜索結果中的收錄數量以及提升排序位置而做的優(yōu)化行為。我認為這是一門說來簡單，但操作起來復雜的技術，只可意會，不可言傳。作為一名前端工程師，不需要精通SEO，但必須要了解它。SEO有一條不變的準則就是它永遠都在變，因為沒有一沉不變的優(yōu)化方案可供大家套用。但我們仍然可以發(fā)現一些基礎的或是被人們公認的規(guī)律來進行網站的SEO。更重要的是我們要有自己的實踐，不斷發(fā)現適合自己行之有效的SEO方法。

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

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

突出重要內容

合理的title、description和keywords

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

雖然現在搜索對這三項的權重慢慢減小，但還是希望能夠合理的寫好他們，只寫有用的東西，不要在這里寫小說，要表達重點。

title：只強調重點即可，重要關鍵詞出現不要超過2次，而且要靠前，每個頁面title要有所不同，如下圖：

description：把網頁內容高度概括到這里，長度要合理，不可過分堆砌關鍵詞，每個頁面description要有所不同，如下圖：

keywords：列舉出幾個重要關鍵詞即可，也不可過分堆砌。

語義化書寫HTML代碼，符合W3C標準。

對于搜索引擎來說，最直接面對的就是網頁HTML代碼，如果代碼寫的語義化，搜索引擎就會很容易的讀懂該網頁要表達的意思。例如文本模塊要有大標題，合理利用h1-h6，列表形式的代碼使用ul或ol，重要的文字使用strong等等?？傊褪且浞掷酶鞣NHTML標簽完成他們本職的工作，當然要兼容IE、火狐、Chrome等主流瀏覽器。
我們