前幾天在慕課網(wǎng)上學習了“SEO在網(wǎng)頁制作中的應用”，覺得挺好、挺有用的，今天，特此做了一個小小的筆記，也算是對學習過后的一個總結。

一、搜索引擎工作原理

當我們在輸入框中輸入關鍵詞，點擊搜索或查詢時，然后得到結果。深究其背后的故事，搜索引擎做了很多事情。

在搜索引擎網(wǎng)站，比如百度，在其后臺有一個非常龐大的數(shù)據(jù)庫，里面存儲了海量的關鍵詞，而每個關鍵詞又對應著很多網(wǎng)址，這些網(wǎng)址是百度程序從茫茫的互聯(lián)網(wǎng)上一點一點下載收集而來的，這些程序稱之為“搜索引擎蜘蛛”或“網(wǎng)絡爬蟲”。這些勤勞的“蜘蛛”每天在互聯(lián)網(wǎng)上爬行，從一個鏈接到另一個鏈接，下載其中的內(nèi)容，進行分析提煉，找到其中的關鍵詞，如果“蜘蛛”認為關鍵詞在數(shù)據(jù)庫中沒有而對用戶是有用的便存入數(shù)據(jù)庫。反之，如果“蜘蛛”認為是垃圾信息或重復信息，就舍棄不要，繼續(xù)爬行，尋找新的、有用的信息保存起來提供用戶搜索。當用戶搜索時，就能檢索出與關鍵字相關的網(wǎng)址顯示給訪客。

一個關鍵詞對用多個網(wǎng)址，因此就出現(xiàn)了排序的問題，相應的當與關鍵詞吻合的網(wǎng)址就會排在前面了。在“蜘蛛”抓取網(wǎng)頁內(nèi)容，提煉關鍵詞的這個過程中，就存在一個問題：“蜘蛛”能否看懂。如果網(wǎng)站內(nèi)容是flash和js，那么它是看不懂的，會犯迷糊，即使關鍵字再貼切也沒用。相應的，如果網(wǎng)站內(nèi)容是它的語言，那么它便能看懂，它的語言即SEO。

二、SEO簡介

全稱：Search English Optimization，搜索引擎優(yōu)化。自從有了搜索引擎，SEO便誕生了。

存在的意義：為了提升網(wǎng)頁在搜索引擎自然搜索結果中的收錄數(shù)量以及排序位置而做的優(yōu)化行為。簡言之，就是希望百度等搜索引擎能多多我們收錄精心制作后的網(wǎng)站，并且在別人訪問時網(wǎng)站能排在前面。

分類：白帽SEO和黑帽SEO。白帽SEO，起到了改良和規(guī)范網(wǎng)站設計的作用，使網(wǎng)站對搜索引擎和用戶更加友好，并且網(wǎng)站也能從搜索引擎中獲取合理的流量，這是搜索引擎鼓勵和支持的。黑帽SEO，利用和放大搜索引擎政策缺陷來獲取更多用戶的訪問量，這類行為大多是欺騙搜索引擎，一般搜索引擎公司是不支持與鼓勵的。本文針對白帽SEO，那么白帽SEO能做什么呢？

1. 對網(wǎng)站的標題、關鍵字、描述精心設置，反映網(wǎng)站的定位，讓搜索引擎明白網(wǎng)站是做什么的；

2. 網(wǎng)站內(nèi)容優(yōu)化：內(nèi)容與關鍵字的對應，增加關鍵字的密度；

3. 在網(wǎng)站上合理設置Robot.txt文件；

4. 生成針對搜索引擎友好的網(wǎng)站地圖；

5. 增加外部鏈接，到各個網(wǎng)站上宣傳；

三、前端SEO

通過網(wǎng)站的結構布局設計和網(wǎng)頁代碼優(yōu)化，使前端頁面既能讓瀏覽器用戶能夠看懂，也能讓“蜘蛛”看懂。

(1)網(wǎng)站結構布局優(yōu)化：盡量簡單、開門見山，提倡扁平化結構。

一般而言，建立的網(wǎng)站結構層次越少，越容易被“蜘蛛”抓取，也就容易被收錄。一般中小型網(wǎng)站目錄結構超過三級，“蜘蛛”便不愿意往下爬，“萬一天黑迷路了怎么辦”。并且根據(jù)相關調(diào)查：訪客如果經(jīng)過跳轉3次還沒找到需要的信息，很可能離開。因此，三層目錄結構也是體驗的需要。為此我們需要做到：

1. 控制首頁鏈接數(shù)量

網(wǎng)站首頁是權重高的地方，如果首頁鏈接太少，沒有“橋”，“蜘蛛”不能繼續(xù)往下爬到內(nèi)頁，直接影響網(wǎng)站收錄數(shù)量。但是首頁鏈接也不能太多，一旦太多，沒有實質(zhì)性的鏈接，很容易影響用戶體驗，也會降低網(wǎng)站首頁的權重，收錄效果也不好。

因此對于中小型企業(yè)網(wǎng)站，建議首頁鏈接在100個以內(nèi)，鏈接的性質(zhì)可以包含頁面導航、底部導航、錨文字鏈接等等，注意鏈接要建立在用戶的良好體驗和引導用戶獲取信息的基礎之上。

2.扁平化的目錄層次，盡量讓“蜘蛛”只要跳轉3次，就能到達網(wǎng)站內(nèi)的任何一個內(nèi)頁。扁平化的目錄結構，比如：“植物”--> "水果" --> "蘋果"、“桔子”、“香蕉”，通過3級就能找到香蕉了。

3.導航優(yōu)化

導航應該盡量采用文字方式，也可以搭配圖片導航，但是圖片代碼一定要進行優(yōu)化，標簽必須添加“alt”和“title”屬性，告訴搜索引擎導航的定位，做到即使圖片未能正常顯示時，用戶也能看到提示文字。

其次，在每一個網(wǎng)頁上應該加上面包屑導航，好處：從用戶體驗方面來說，可以讓用戶了解當前所處的位置以及當前頁面在整個網(wǎng)站中的位置，幫助用戶很快了解網(wǎng)站組織形式，從而形成更好的位置感，同時提供了返回各個頁面的接口，方便用戶操作；對“蜘蛛”而言，能夠清楚的了解網(wǎng)站結構，同時還增加了大量的內(nèi)部鏈接，方便抓取，降低跳出率。

4. 網(wǎng)站的結構布局--不可忽略的細節(jié)

頁面頭部：logo及主導航，以及用戶的信息。

頁面主體：左邊正文，包括面包屑導航及正文；右邊放熱門文章及相關文章，好處：留住訪客，讓訪客多停留，對“蜘蛛”而言，這些文章屬于相關鏈接，增強了頁面相關性，也能增強頁面的權重。

頁面底部：版權信息和友情鏈接。

特別注意：分頁導航寫法，推薦寫法：“首頁 1 2 3 4 5 6 7 8 9 下拉框”，這樣“蜘蛛”能夠根據(jù)相應頁碼直接跳轉，下拉框直接選擇頁面跳轉。而下面的寫法是不推薦的，“首頁 下一頁 尾頁”，特別是當分頁數(shù)量特別多時，“蜘蛛”需要經(jīng)過很多次往下爬，才能抓取，會很累、會容易放棄。

5.控制頁面的大小，減少http請求，提高網(wǎng)站的加載速度。

一個頁面好不要超過100k，太大，頁面加載速度慢。當速度很慢時，用戶體驗不好，留不住訪客，并且一旦超時，“蜘蛛”也會離開。

(2)網(wǎng)頁代碼優(yōu)化

1.