一、搜索引擎工作原理

當我們在輸入框中輸入關(guān)鍵詞，點(diǎn)擊搜索或查詢(xún)時(shí)，然后得到結果。深究其背后的故事，搜索引擎做了很多事情。

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

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

二、SEO簡(jiǎn)介

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

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

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

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

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

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

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

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

三、前端SEO

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

（1）網(wǎng)站結構布局優(yōu)化：盡量簡(jiǎn)單、開(kāi)門(mén)見(jiàn)山，提倡扁平化結構。

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

1. 控制首頁(yè)鏈接數量

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

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

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

3.導航優(yōu)化

導航應該盡量采用文字方式，也可以搭配圖片導航，但是圖片代碼一定要進(jìn)行優(yōu)化，

前端SEO—詳細講解前端SEO—詳細講解

標簽必須添加“alt”和“title”屬性，告訴搜索引擎導航的定位，做到即使圖片未能正常顯示時(shí)，用戶(hù)也能看到提示文字。

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

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

頁(yè)面頭部：logo及主導航，以及用戶(hù)的信息。

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

頁(yè)面底部：版權信息和友情鏈接。

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

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

一個(gè)頁(yè)面最好不要超過(guò)100k，太大，頁(yè)面加載速度慢。當速度很慢時(shí)，用戶(hù)體驗不好，留不住訪(fǎng)客，并且一旦超時(shí)，“蜘蛛”也會(huì )離開(kāi)。

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

1.標題：只強調重點(diǎn)即可，盡量把重要的關(guān)鍵詞放在前面，關(guān)鍵詞不要重復出現，盡量做到每個(gè)頁(yè)面的。標題中不要設置相同的內容。

2.標簽：關(guān)鍵詞，列舉出幾個(gè)頁(yè)面的重要關(guān)鍵字即可，切記過(guò)分堆砌。

3.標簽：網(wǎng)頁(yè)描述，需要高度概括網(wǎng)頁(yè)內容，切記不能太長(cháng)，過(guò)分堆砌關(guān)鍵詞，每個(gè)頁(yè)面也要有所不同。

4.中的標簽：盡量讓代碼語(yǔ)義化，在適當的位置使用適當的標簽，用正確的標簽做正確的事。讓閱讀源碼者和“蜘蛛”都一目了然。比如：h1-h6 是用于標題類(lèi)的。

5.超鏈接標簽：頁(yè)內鏈接，要加 “title” 屬性加以說(shuō)明，讓訪(fǎng)客和 “蜘蛛” 知道。而外部鏈接，鏈接到其他網(wǎng)站的，則需要加上 el=“nofollow” 屬性， 告訴 “蜘蛛” 不要爬，因為一旦“蜘蛛”爬了外部鏈接之后，就不會(huì )再回來(lái)了。

6.正文標題要用h1標簽：“蜘蛛” 認為它最重要，若不喜歡h1,h1的默認樣式可以通過(guò)CSS設置。盡量做到正文標題用h1標簽，副標題用h2標簽， 而其它地方不應該隨便亂用 h 標題標簽。

7.換行標簽：只用于文本內容的換行

8.表格應該使用表格標題標簽

9.圖片應使用 “alt” 屬性加以說(shuō)明

10.加粗，強調標簽 : 需要強調時(shí)使用。加粗標簽在搜索引擎中能夠得到高度的重視，它能突出關(guān)鍵詞，表現重要的內容，強調標簽強調效果僅次于加粗標簽。

10、文本縮進(jìn)不要使用特殊符號   應當使用CSS進(jìn)行設置。版權符號不要使用特殊符號 ? 可以直接使用輸入法，拼“banquan”，選擇序號5就能打出版權符號？。

12、巧妙利用CSS布局，將重要內容的HTML代碼放在最前面，最前面的內容被認為是最重要的，優(yōu)先讓“蜘蛛”讀取，進(jìn)行內容關(guān)鍵詞抓取。

13.重要內容不要用JS輸出，因為“蜘蛛”不認識

14.盡量少使用iframe框架，因為“蜘蛛”一般不會(huì )讀取其中的內容

15.謹慎使用 display：none ：對于不想顯示的文字內容，應當設置z-index或設置到瀏覽器顯示器之外。因為搜索引擎會(huì )過(guò)濾掉display:none其中的內容。

16. 不斷精簡(jiǎn)代碼

17.js代碼如果是操作DOM操作，應盡量放在body結束標簽之前，html代碼之后。

原文來(lái)自：  https://www.cnblogs.com/-walker/p/8079263.html