SEO簡介

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

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

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

　　1. 對網站的标題、關鍵字、描述精心設置，反映網站的定位，讓搜索引擎明白(bái)網站是做什麽的；

　　2. 網站内容優化：内容與關鍵字的對應，增加關鍵字的密度；

　　3. 在網站上合理設置Robot.txt文件；

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

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

前端SEO

　　通過網站的結構布局設計和網頁代碼優化，使前端頁面既能讓浏覽器用戶能夠看懂，也能讓“蜘蛛”看懂。

(1)網站結構布局優化：盡量簡單、開(kāi)門見山，提倡扁平化結構。

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

　　1. 控制首頁鏈接數量

　　網站首頁是權重最高的地方，如果首頁鏈接太少，沒有“橋”，“蜘蛛”不能繼續往下(xià)爬到内頁，直接影響網站收錄數量。但是首頁鏈接也不能太多，一(yī)旦太多，沒有實質性的鏈接，很容易影響用戶體(tǐ)驗，也會降低網站首頁的權重，收錄效果也不好。

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

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

　　3.導航優化

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

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

　　4. 網站的結構布局--不可忽略的細節

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

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

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

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

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

　　一(yī)個頁面最好不要超過100k，太大(dà)，頁面加載速度慢(màn)。當速度很慢(màn)時，用戶體(tǐ)驗不好，留不住訪客，并且一(yī)旦超時，“蜘蛛”也會離(lí)開(kāi)。

　　(2)網頁代碼優化

　　1.title标題：隻強調重點即可，盡量把重要的關鍵詞放(fàng)在前面，關鍵詞不要重複出現，盡量做到每個頁面的title标題中(zhōng)不要設置相同的内容。

　　2.meta keywords标簽：關鍵詞，列舉出幾個頁面的重要關鍵字即可，切記過分(fēn)堆砌。

　　3.meta description标簽：網頁描述，需要高度概括網頁内容，切記不能太長，過分(fēn)堆砌關鍵詞，每個頁面也要有所不同。

　　4.body中(zhōng)的标簽：盡量讓代碼語義化，在适當的位置使用适當的标簽，用正确的标簽做正确的事。讓閱讀源碼者和“蜘蛛”都一(yī)目了然。比如：h1-h6 是用于标題類的，”nav”标簽是用來設置頁面主導航的等。

　　5.”a”标簽：頁内鏈接，要加 “title” 屬性加以說明，讓訪客和 “蜘蛛” 知(zhī)道。而外(wài)部鏈接，鏈接到其他網站的，則需要加上 “el="nofollow"” 屬性, 告訴 “蜘蛛” 不要爬，因爲一(yī)旦“蜘蛛”爬了外(wài)部鏈接之後，就不會再回來了。

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

　　7.”br”标簽：隻用于文本内容的換行，比如:

“p”

　　 第一(yī)行文字内容”br/”

    第二行文字内容”br/”

    第三行文字内容

“/p”

　　8.表格應該使用”caption”表格标題标簽

 　  9.”img”應使用 "alt" 屬性加以說明

　　10.”strong”、”em”标簽 : 需要強調時使用。”strong”标簽在搜索引擎中(zhōng)能夠得到高度的重視，它能突出關鍵詞，表現重要的内容，”em”标簽強調效果僅次于”strong”标簽。

　　　  ”b”、”i”标簽: 隻是用于顯示效果時使用，在SEO中(zhōng)不會起任何效果。

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

　　12、巧妙利用CSS布局，将重要内容的HTML代碼放(fàng)在最前面，最前面的内容被認爲是最重要的，優先讓“蜘蛛”讀取，進行内容關鍵詞抓取。

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

　　14.盡量少使用iframe框架,因爲“蜘蛛”一(yī)般不會讀取其中(zhōng)的内容

　　15.謹慎使用 display：none ：對于不想顯示的文字内容，應當設置z-index或設置到浏覽器顯示器之外(wài)。因爲搜索引擎會過濾掉display:none其中(zhōng)的内容。

　　16. 不斷精簡代碼

　　17.js代碼如果是操作DOM操作，應盡量放(fàng)在body結束标簽之前，html代碼之後。

注意點：

HTML：

1.标簽的有開(kāi)有合。

2.避免冗餘代碼，例如去(qù)除空格字符。

3.合理利用标簽語義化。

4.合理的嵌套規則，避免行元素内嵌套塊元素。

5.img标簽内需要添加title屬性和alt屬性。

6.a标簽内需要添加title屬性。

7.Meta标簽的優化（過去(qù)搜索引擎優化的重要手法，現在已經不是關鍵因素，但仍不可忽略）主要包括： Meta description、Meta keywords的設置　　關鍵字密度要适度，通常爲2%-8%，也就是說你的關鍵字必須 在 頁面中(zhōng)出現若幹次，或者在搜索引擎允許的範圍内，要避免堆砌關鍵字。

8.”title”頁面标題，必須列出信息的标題、網站的名稱以及相關關鍵字，避免堆關鍵字。

9.合理使用注釋。

CSS：

1.避免将css代碼寫在标簽内。

2.如果css代碼量少，可直接寫在頭部。否則請使用外(wài)部引入的方式。

3.請不要使用通配符選擇器 *{margin:0;padding:0;} 這不僅僅因爲它是緩慢(màn)和低效率的方法，而且還會導緻一(yī) 些不必要的元素也重置了外(wài)邊距和内邊距。請引用reset文件，引用reset文件在自己定義的css文件之前。

4.css代碼縮寫可以提高你寫代碼的速度，精簡你的代碼量，包括margin，padding，border ，font， background和顔色值等。

5.利用css繼承，如果一(yī)個父元素内有多個子元素擁有相同的樣式，可将相同的樣式定義在元素上。

6.如果多個元素擁有相同的樣式，可定義一(yī)個通用的class或使用群組選擇器。

7.使用背景圖合并技術。

8.适當的代碼注釋。

JS：

1.采用外(wài)部引入的方法。

2.合理合并JS代碼，可減少服務器的壓力。

3.良好的JS代碼習慣。例如：減少頁面重繪，減少作用域鏈上的查找次數。

————————————————

版權聲明：本文爲CSDN博主「Hidden_bin」的原創文章，遵循 CC 4.0 BY-SA 版權協議，轉載請附上原文出處鏈接及本聲明。

原文鏈接：https://blog.csdn.net/lbPro0412/article/details/87362217