SEO簡介

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

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

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

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

　　2. 網站內(nèi)容優化：內(nèi)容與關鍵字的(de)對應，增加關鍵字的(de)密度；

　　3. 在網站上合理(lǐ)設置Robot.txt文件；

　　4. 生成針對搜索引擎友好的(de)網站地(dì)圖；

　　5. 增加外部鏈接，到各個網站上宣傳；

前端SEO

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

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

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

　　1. 控制首頁鏈接數量

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

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

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

　　3.導航優化

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

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

　　4. 網站的(de)結構布局--不可(kě)忽略的(de)細節

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

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

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

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

　　5.控制頁面的(de)大小，減少http請求，提高(gāo)網站的(de)加載速度。

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

　　(2)網頁代碼優化

　　1.title标題：隻強調重點即可(kě)，盡量把重要的(de)關鍵詞放在前面，關鍵詞不要重複出現，盡量做(zuò)到每個頁面的(de)title标題中不要設置相同的(de)內(nèi)容。

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

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

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

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

　　6.正文标題要用”h1”标簽：“蜘蛛” 認為(wèi)它最重要，若不喜歡”h1”的(de)默認樣式可(kě)以通過CSS設置。盡量做(zuò)到正文标題用”h1”标簽，副标題用”h2”标簽, 而其它地(dì)方不應該随便亂用 h 标題标簽。

　　7.”br”标簽：隻用于文本內(nèi)容的(de)換行，比如(rú):

“p”

　　 第一(yī)行文字內(nèi)容”br/”

    第二行文字內(nèi)容”br/”

    第三行文字內(nèi)容

“/p”

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

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

　　10.”strong”、”em”标簽 : 需要強調時使用。”strong”标簽在搜索引擎中能夠得到高(gāo)度的(de)重視(shì)，它能突出關鍵詞，表現重要的(de)內(nèi)容，”em”标簽強調效果僅次于”strong”标簽。

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

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

　　12、巧妙利用CSS布局，将重要內(nèi)容的(de)HTML代碼放在最前面，最前面的(de)內(nèi)容被認為(wèi)是最重要的(de)，優先讓“蜘蛛”讀取，進行內(nèi)容關鍵詞抓取。

　　13.重要內(nèi)容不要用JS輸出，因為(wèi)“蜘蛛”不認識

　　14.盡量少使用iframe框架,因為(wèi)“蜘蛛”一(yī)般不會讀取其中的(de)內(nèi)容

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

　　16. 不斷精簡代碼

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

注意點：

HTML：

1.标簽的(de)有開有合。

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

3.合理(lǐ)利用标簽語義化。

4.合理(lǐ)的(de)嵌套規則，避免行元素內(nèi)嵌套塊元素。

5.img标簽內(nèi)需要添加title屬性和(hé)alt屬性。

6.a标簽內(nèi)需要添加title屬性。

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

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

9.合理(lǐ)使用注釋。

CSS：

1.避免将css代碼寫在标簽內(nèi)。

2.如(rú)果css代碼量少，可(kě)直接寫在頭部。否則請使用外部引入的(de)方式。

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

4.css代碼縮寫可(kě)以提高(gāo)你寫代碼的(de)速度，精簡你的(de)代碼量，包括margin，padding，border ，font， background和(hé)顔色值等。

5.利用css繼承，如(rú)果一(yī)個父元素內(nèi)有多個子(zǐ)元素擁有相同的(de)樣式，可(kě)将相同的(de)樣式定義在元素上。

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

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

8.适當的(de)代碼注釋。

JS：

1.采用外部引入的(de)方法。

2.合理(lǐ)合并JS代碼，可(kě)減少服務器的(de)壓力。

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

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

版權聲明：本文為(wèi)CSDN博主「Hidden_bin」的(de)原創文章(zhāng)，遵循 CC 4.0 BY-SA 版權協議，轉載請附上原文出處鏈接及本聲明。

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