前端SEO優化

結構優化

1.扁平化結構，目錄層次越少越好

層級結構3層爲宜。讓用戶點3次就能到查看到本身須要的東西。

 

2.控制首頁連接數量  

網上首頁的連接不宜過多，100如下左右。太多了蜘蛛的檢索也會累的，哈哈

 

3.導航SEO優化，儘可能使用文字

文字導航利於蜘蛛檢索字符，實在要用圖片的話，需在圖片社加上描點，title

 

4.麪包屑導航

先來看看麪包屑導航的來源（百度百科）：

好久好久之前，在大森林的邊上住着一個貧窮的樵夫，他與妻子和兩個孩子相依爲命。
他的兒子名叫漢賽爾，女兒名叫格萊特。
後來樵夫的妻子去世了，他又給孩子們娶了一個後母。
後母計劃把兩個孩子帶到森林的深處，而後趁他們睡着的時候跑掉。
漢賽爾無心中知道了後母的計劃，因而偷偷地把一塊麪包藏在了口袋裏。
在去森林的路上，漢賽爾悄悄地捏碎了他的麪包，並不時地停下腳步，把碎麪包屑撒在路上。
後母順利地趁孩子們睡着的時候溜掉了，漢賽爾和格萊特醒來已經是一片漆黑。漢賽爾安慰他的妹妹說：「等太陽一出來，咱們就看得見我撒在地上的麪包屑了，它必定會指給咱們回家的路。
」可是當太陽升起來時，他們在地上卻怎麼也找不到一點麪包屑了，原來它們都被那些在樹林裏、田野上飛來飛去的鳥兒一點點地啄食了。

一開始我也納悶什麼叫麪包屑導航，趕忙百度一下。其實也就是路徑導航，主要是讓用戶瞭解網站結構，瞭解當前位置，也便於用戶返回前面的頁面。

 

5.網站分頁

淘寶：

百度：

增長分類導航，有利於搜索引擎，查找分頁後的數據資料，比較友好

 

6.加載速度，減小頁面大小

優化網站的加載速度，減小頁面的體積，要是網站訪問慢的話，搜索引擎也懶得檢索網站

 

代碼優化

1.網站標題title

<title>百度一下，你就知道 </title>
<title>淘寶網 - 淘！我喜歡</title>

每一個頁面的title，設置儘可能不要設置成同樣的。

 

2.關鍵詞keyworks

<meta name="keyword" content="雲服務器,雲主機,雲存儲,開放存儲,數據庫,RDS">

網站的關鍵詞，利於搜索引擎獲取，能夠排名靠前。能夠跟時下的熱詞打擦邊球（可是不推薦）

 

3.網頁描述discription

<meta name="description" content="淘寶網 - 亞洲最大、最安全的網上交易平臺，提供各種服飾、美容、家居、數碼、話費/點卡充值… 8億優質特價商品，同時提供擔保交易(先收貨後付款)、先行賠付、假一賠3、七天無理由退換貨、數碼免費維修等安全交易保障服務，讓你全面安心享受網上購物樂趣！">

網站描述，能夠儘可能描述網站的的立場，是一個怎樣的平臺。

 

4.語義化標籤（重點，前端開發要注意的）

標題h1-h6，用於文章標題。蜘蛛會檢索加入數據庫字段

ul無序列表；ol有序列表（例如排行）；dl 數據列表 （例如目錄結構）

分清使用的場景

表示強調em,strong

文章強調的詞，或者句子

a標籤 

若是是外鏈的話記得添加上rel=「noflow」；放置蜘蛛一去不復返

添加上title，alt利於檢索

img標籤title和alt值要填上

段落使用p標籤

重要的代碼放前面

蜘蛛檢索是自上到下的

重要代碼不要用JS提現

搜索引擎是檢索不到js

儘可能少用iframe，搜索引擎對於ifame不友好

謹慎使用 display:none，搜索引擎不會獲取display:none的數據，最好的是溢出隱藏掉  overflow:hidden

精簡代碼，能少用標籤的話，儘可能精簡

 補充（性能優化）

1.儘量減小http請求

2.使用CDN

3.使用緩存，儘量的緩存數據，減小向服務器的http強求

4.Gzip壓縮，減小傳輸的體積

5.css放置頂部，提升瀏覽器的速度，減小重繪

6.將js放置底部，阻止堵塞加載，先呈現頁面

7.避免在css中使用Expressions。

.toTop{
     top:expression(eval(document.documentElement.scrollTop + document.documentElement.clientHeight - 60)));
}

8.js和css做爲外部文件引用，客戶端服務器會緩存其文件。特定的頁面就直接寫在頁面當中便可，減小請求數

9.減小DNS查找

10.壓縮js和css

11.避免重定向，不利於搜索引擎索引

12.移除重複腳本，瀏覽器不會智能判斷，都會執行。可能會致使得不到預期的結果

13.配置實體標籤 ETag （傳本地數據ETag標籤，讓服務器對比，數據跟本地一致用本地數據。不一致服務器在返回新的數據）

14.ajax緩存，區別GET和POST請求