SEO （Search Engine Optimization）搜索引擎優(yōu)化。
簡單的說，為了讓你的網(wǎng)站在搜索引擎的結(jié)果中排名更靠前（當然充錢也行）。
搜索引擎原理
搜索引擎有個爬取系統(tǒng)，可以看做一個巨型蜘蛛爬取網(wǎng)絡(luò)信息，由一個關(guān)鍵字抓取海量網(wǎng)頁，并從該網(wǎng)頁跳轉(zhuǎn)到下一網(wǎng)頁，層層遞進。抓取它認為有價值的，舍棄無關(guān)的。
而一個關(guān)鍵字對應(yīng)多個網(wǎng)頁，就出現(xiàn)了排序的問題，相應(yīng)的與關(guān)鍵詞吻合權(quán)重高的網(wǎng)址就會排在前面了。
前端SEO
SEO能做的很多，也有專門做SEO的崗位，我們簡單來看下作為前端人員能夠做些什么。
- 對網(wǎng)站的標題、關(guān)鍵字、描述精心設(shè)置，反映網(wǎng)站的定位，讓搜索引擎明白網(wǎng)站是做什么的；
- 網(wǎng)站內(nèi)容優(yōu)化：內(nèi)容與關(guān)鍵字的對應(yīng)，增加關(guān)鍵字的密度；
- 在網(wǎng)站上合理設(shè)置Robot.txt文件；
- 生成針對搜索引擎友好的網(wǎng)站地圖；
- 增加外部鏈接，到各個網(wǎng)站上宣傳；
6.代碼優(yōu)化
1.<title>標題：只強調(diào)重點即可，盡量把重要的關(guān)鍵詞放在前面，關(guān)鍵詞不要重復(fù)出現(xiàn)，盡量做到每個頁面的<title>標題中不要設(shè)置相同的內(nèi)容。
2.<meta keywords>標簽：關(guān)鍵詞，列舉出幾個頁面的重要關(guān)鍵字即可，切記過分堆砌。
3.<meta description>標簽：網(wǎng)頁描述，需要高度概括網(wǎng)頁內(nèi)容，切記不能太長，過分堆砌關(guān)鍵詞，每個頁面也要有所不同。
4.<body>中的標簽：盡量讓代碼語義化，在適當?shù)奈恢檬褂眠m當?shù)臉撕?，用正確的標簽做正確的事。讓閱讀源碼者和“蜘蛛”都一目了然。比如：h1-h6 是用于標題類的，<nav>標簽是用來設(shè)置頁面主導(dǎo)航的等。
5.<a>標簽：頁內(nèi)鏈接，要加 “title” 屬性加以說明，讓訪客和 “蜘蛛” 知道。而外部鏈接，鏈接到其他網(wǎng)站的，則需要加上 el="nofollow" 屬性, 告訴 “蜘蛛” 不要爬，因為一旦“蜘蛛”爬了外部鏈接之后，就不會再回來了。
6.正文標題要用<h1>標簽：“蜘蛛” 認為它最重要，若不喜歡<h1>的默認樣式可以通過CSS設(shè)置。盡量做到正文標題用<h1>標簽，副標題用<h2>標簽, 而其它地方不應(yīng)該隨便亂用 h 標題標簽。
7.<br>標簽：只用于文本內(nèi)容的換行，比如:
<p>
第一行文字內(nèi)容<br/>
第二行文字內(nèi)容<br/>
第三行文字內(nèi)容
</p>
8.表格應(yīng)該使用<caption>表格標題標簽
9.<img>應(yīng)使用 "alt" 屬性加以說明
10.<strong>、<em>標簽 : 需要強調(diào)時使用。<strong>標簽在搜索引擎中能夠得到高度的重視，它能突出關(guān)鍵詞，表現(xiàn)重要的內(nèi)容，<em>標簽強調(diào)效果僅次于<strong>標簽。
<b>、<i>標簽: 只是用于顯示效果時使用，在SEO中不會起任何效果。
10、文本縮進不要使用特殊符號 應(yīng)當使用CSS進行設(shè)置。版權(quán)符號不要使用特殊符號 © 可以直接使用輸入法，拼“banquan”，選擇序號5就能打出版權(quán)符號?。
12、巧妙利用CSS布局，將重要內(nèi)容的HTML代碼放在最前面，最前面的內(nèi)容被認為是最重要的，優(yōu)先讓“蜘蛛”讀取，進行內(nèi)容關(guān)鍵詞抓取。
13.重要內(nèi)容不要用JS輸出，因為“蜘蛛”不認識
14.盡量少使用iframe框架,因為“蜘蛛”一般不會讀取其中的內(nèi)容
15.謹慎使用 display：none ：對于不想顯示的文字內(nèi)容，應(yīng)當設(shè)置z-index或設(shè)置到瀏覽器顯示器之外。因為搜索引擎會過濾掉display:none其中的內(nèi)容。
16. 不斷精簡代碼
17.js代碼如果是操作DOM操作，應(yīng)盡量放在body結(jié)束標簽之前，html代碼之后。
防爬蟲抓取隱私內(nèi)容：
參考Robots協(xié)議
外部優(yōu)化可以做哪些？
外部鏈接類別：博客、論壇、B2B、新聞、分類信息、貼吧、知道、百科、相關(guān)信息網(wǎng)等盡量保持鏈接的多樣性。
外鏈選擇：與一些和你網(wǎng)站相關(guān)性比較高,整體質(zhì)量比較好的網(wǎng)站交換友情鏈接,鞏固穩(wěn)定關(guān)鍵詞排名。
