SEO （Search Engine Optimization）搜索引擎優(yōu)化。
簡(jiǎn)單的說痢畜，為了讓你的網(wǎng)站在搜索引擎的結(jié)果中排名更靠前（當(dāng)然充錢也行）垛膝。
搜索引擎原理
搜索引擎有個(gè)爬取系統(tǒng)，可以看做一個(gè)巨型蜘蛛爬取網(wǎng)絡(luò)信息丁稀，由一個(gè)關(guān)鍵字抓取海量網(wǎng)頁吼拥，并從該網(wǎng)頁跳轉(zhuǎn)到下一網(wǎng)頁，層層遞進(jìn)线衫。抓取它認(rèn)為有價(jià)值的凿可，舍棄無關(guān)的。
而一個(gè)關(guān)鍵字對(duì)應(yīng)多個(gè)網(wǎng)頁授账，就出現(xiàn)了排序的問題矿酵，相應(yīng)的與關(guān)鍵詞吻合權(quán)重高的網(wǎng)址就會(huì)排在前面了。
前端SEO
SEO能做的很多矗积，也有專門做SEO的崗位全肮，我們簡(jiǎn)單來看下作為前端人員能夠做些什么。
- 對(duì)網(wǎng)站的標(biāo)題棘捣、關(guān)鍵字辜腺、描述精心設(shè)置，反映網(wǎng)站的定位乍恐，讓搜索引擎明白網(wǎng)站是做什么的评疗；
- 網(wǎng)站內(nèi)容優(yōu)化：內(nèi)容與關(guān)鍵字的對(duì)應(yīng)，增加關(guān)鍵字的密度茵烈；
- 在網(wǎng)站上合理設(shè)置Robot.txt文件百匆；
- 生成針對(duì)搜索引擎友好的網(wǎng)站地圖；
- 增加外部鏈接呜投，到各個(gè)網(wǎng)站上宣傳加匈；
6.代碼優(yōu)化
1.<title>標(biāo)題：只強(qiáng)調(diào)重點(diǎn)即可，盡量把重要的關(guān)鍵詞放在前面仑荐，關(guān)鍵詞不要重復(fù)出現(xiàn)雕拼，盡量做到每個(gè)頁面的<title>標(biāo)題中不要設(shè)置相同的內(nèi)容。
2.<meta keywords>標(biāo)簽：關(guān)鍵詞粘招，列舉出幾個(gè)頁面的重要關(guān)鍵字即可啥寇，切記過分堆砌。
3.<meta description>標(biāo)簽：網(wǎng)頁描述，需要高度概括網(wǎng)頁內(nèi)容辑甜，切記不能太長(zhǎng)衰絮，過分堆砌關(guān)鍵詞，每個(gè)頁面也要有所不同磷醋。
4.<body>中的標(biāo)簽：盡量讓代碼語義化猫牡，在適當(dāng)?shù)奈恢檬褂眠m當(dāng)?shù)臉?biāo)簽，用正確的標(biāo)簽做正確的事子檀。讓閱讀源碼者和“蜘蛛”都一目了然镊掖。比如：h1-h6 是用于標(biāo)題類的乃戈，<nav>標(biāo)簽是用來設(shè)置頁面主導(dǎo)航的等褂痰。
5.<a>標(biāo)簽：頁內(nèi)鏈接，要加 “title” 屬性加以說明症虑，讓訪客和 “蜘蛛” 知道缩歪。而外部鏈接，鏈接到其他網(wǎng)站的谍憔，則需要加上 el="nofollow" 屬性, 告訴 “蜘蛛” 不要爬匪蝙，因?yàn)橐坏爸┲搿迸懒送獠挎溄又螅筒粫?huì)再回來了习贫。
6.正文標(biāo)題要用<h1>標(biāo)簽：“蜘蛛” 認(rèn)為它最重要逛球，若不喜歡<h1>的默認(rèn)樣式可以通過CSS設(shè)置。盡量做到正文標(biāo)題用<h1>標(biāo)簽苫昌，副標(biāo)題用<h2>標(biāo)簽, 而其它地方不應(yīng)該隨便亂用 h 標(biāo)題標(biāo)簽颤绕。
7.<br>標(biāo)簽：只用于文本內(nèi)容的換行，比如:
<p>
第一行文字內(nèi)容<br/>
第二行文字內(nèi)容<br/>
第三行文字內(nèi)容
</p>
8.表格應(yīng)該使用<caption>表格標(biāo)題標(biāo)簽
9.<img>應(yīng)使用 "alt" 屬性加以說明
10.<strong>祟身、<em>標(biāo)簽 : 需要強(qiáng)調(diào)時(shí)使用奥务。<strong>標(biāo)簽在搜索引擎中能夠得到高度的重視，它能突出關(guān)鍵詞袜硫，表現(xiàn)重要的內(nèi)容氯葬，<em>標(biāo)簽強(qiáng)調(diào)效果僅次于<strong>標(biāo)簽。
<b>婉陷、<i>標(biāo)簽: 只是用于顯示效果時(shí)使用帚称，在SEO中不會(huì)起任何效果。
10秽澳、文本縮進(jìn)不要使用特殊符號(hào) 應(yīng)當(dāng)使用CSS進(jìn)行設(shè)置世杀。版權(quán)符號(hào)不要使用特殊符號(hào) © 可以直接使用輸入法，拼“banquan”肝集，選擇序號(hào)5就能打出版權(quán)符號(hào)?瞻坝。
12、巧妙利用CSS布局，將重要內(nèi)容的HTML代碼放在最前面所刀，最前面的內(nèi)容被認(rèn)為是最重要的衙荐，優(yōu)先讓“蜘蛛”讀取，進(jìn)行內(nèi)容關(guān)鍵詞抓取浮创。
13.重要內(nèi)容不要用JS輸出忧吟，因?yàn)椤爸┲搿辈徽J(rèn)識(shí)
14.盡量少使用iframe框架,因?yàn)椤爸┲搿币话悴粫?huì)讀取其中的內(nèi)容
15.謹(jǐn)慎使用 display：none ：對(duì)于不想顯示的文字內(nèi)容，應(yīng)當(dāng)設(shè)置z-index或設(shè)置到瀏覽器顯示器之外斩披。因?yàn)樗阉饕鏁?huì)過濾掉display:none其中的內(nèi)容溜族。
16. 不斷精簡(jiǎn)代碼
17.js代碼如果是操作DOM操作，應(yīng)盡量放在body結(jié)束標(biāo)簽之前垦沉，html代碼之后煌抒。
防爬蟲抓取隱私內(nèi)容：
參考Robots協(xié)議
外部?jī)?yōu)化可以做哪些？
外部鏈接類別：博客厕倍、論壇寡壮、B2B、新聞讹弯、分類信息况既、貼吧、知道组民、百科棒仍、相關(guān)信息網(wǎng)等盡量保持鏈接的多樣性。
外鏈選擇：與一些和你網(wǎng)站相關(guān)性比較高,整體質(zhì)量比較好的網(wǎng)站交換友情鏈接,鞏固穩(wěn)定關(guān)鍵詞排名臭胜。
