SEO簡介
- 全稱：Search Engine Optimization，搜素引擎優化
- 作用：提升網頁在搜索引擎自然搜索結果中的收錄量以及排序位置而做的優化
- 分類：白帽SEO和黑帽SEO
白帽SEO：改良規范網站設計，使網站對搜索引擎和用戶更加友好
黑帽SEO：利用搜索引擎缺陷來獲取更多的用戶訪問量
SEO優化
1. 網站結構布局優化
1. 控制首頁鏈接數量：鏈接太少，搜索引擎往下爬到頁內，影響網站收錄數量；鏈接太多，影響用戶體驗
2. 扁平化的目錄層次：建立的網站結構層次越少，越容易被抓取，保持三層目錄結構也是用戶體驗的需要
3. 導航優化：導航盡量采用文字，也可以搭配圖片導航，但圖片需進行優化，如<img>標簽必須加'alt'和'title'屬性；盡量加上面包屑導航，讓用戶更好了解當前所在位置，理解網站布局，讓搜索引擎了解網站結構，同時增加了大量的內部鏈接，方便數據抓取
img圖片標簽alt和title屬性的區別：
1. alt是給搜索引擎識別，在圖像無法顯示時的替代文本
2. title是關於元素的注釋信息，主要是給用戶解讀，當鼠標放到文字或是圖片上時有title文字顯示
4. 控制頁面大小，減少http請求，提高網站加載速度
5. 合理的網站布局
頁面頭部：logo、主導航、用戶信息
頁面主題：左邊正文（包括面包屑導航及正文），右邊熱門文章和相關文章
頁面底部：版權信息、友情鏈接
2. 網站代碼優化
1. <title>標題：只強調重點即可，盡量把重要的關鍵詞放在前面，關鍵詞不要重復出現，盡量做到每個頁面的<title>標題中不要設置相同的內容
2. <meta keywords>標簽：關鍵詞，列舉出幾個頁面的重要關鍵字即可，切記過分堆砌。
3. <meta description>標簽：網頁描述，需要高度概括網頁內容，切記不能太長，過分堆砌關鍵詞，每個頁面也要有所不同。
4. <body>中的標簽：盡量讓代碼語義化，在適當的位置使用適當的標簽，用正確的標簽做正確的事。讓閱讀源碼者和“蜘蛛”都一目了然。比如：h1-h6 是用於標題類的，nav標簽是用來設置頁面主導航的等。
5. a標簽：頁內鏈接，要加“title”屬性加以說明，讓訪客和“蜘蛛”知道。而外部鏈接，鏈接到其他網站的，則需要加上rel="nofollow"屬性,告訴“蜘蛛”不要爬，因為一旦“蜘蛛”爬了外部鏈接之后，就不會再回來了。
6. 正文標題要用h1標簽：搜索引擎認為它最重要，若不喜歡它的默認樣式可以通過CSS設置。盡量做到正文標題用h1標簽，副標題用h2標簽,而其它地方不應該隨便亂用 h 標題標簽。
7. br標簽：只用於文本內容的換行
8. 表格應該使用caption表格標題標簽
9. img應使用 "alt" 屬性加以說明
10. strong、em標簽：需要強調時使用。strong標簽在搜索引擎中能夠得到高度的重視，它能突出關鍵詞，表現重要的內容，em標簽強調效果僅次於strong標簽。b、i標簽: 只是用於顯示效果時使用，在SEO中不會起任何效果。
11. 文本縮進不要使用特殊符號' ';應當使用CSS進行設置。版權符號不要使用特殊符號 '©'; 可以直接使用輸入法，拼“banquan”，選擇序號5就能打出版權符號©。
12. 巧妙利用CSS布局，將重要內容的HTML代碼放在最前面：最前面的內容被認為是最重要的，優先讓“蜘蛛”讀取，進行內容關鍵詞抓取。
13. 重要內容不要用JS輸出：因為“蜘蛛”不認識
14. 盡量少使用iframe框架：因為“蜘蛛”一般不會讀取其中的內容
15. 謹慎使用 'display：none'：對於不想顯示的文字內容，應當設置z-index或設置到瀏覽器顯示器之外。因為搜索引擎會過濾掉display:none其中的內容。
16. js代碼如果是操作DOM操作，應盡量放在body結束標簽之前，html代碼之后。
17. 增加網站的404頁面：一是有利於提高用戶體驗，最主要的是防止蜘蛛爬蟲丟失。
17. 添加canonical標簽：當我們的網頁可以通過多個URL來訪問時，我們可以通過添加canonical標簽告訴搜索引擎這多個URL中的首選網址。通常搜索引擎會將指定的頁面視為最有價值最規范的頁面。
<link rel=”canonical” href=”http://www.xxxxxx.com/” />