**1.什么是SEO？**
**全稱：Search English Optimization，搜索引擎優(yōu)化**
漢譯為搜索引擎優(yōu)化。是一種方式：利用搜索引擎的規(guī)則提高網(wǎng)站在有關(guān)搜索引擎內(nèi)的自然排名。目的是：為網(wǎng)站提供生態(tài)式的自我營銷解決方案，讓其在行業(yè)內(nèi)占據(jù)領(lǐng)先地位，獲得品牌收益；SEO包含站外SEO和站內(nèi)SEO兩方面；為了從搜索引擎中獲得更多的免費流量，從網(wǎng)站結(jié)構(gòu)、內(nèi)容建設(shè)方案、用戶互動傳播、頁面等角度進(jìn)行合理規(guī)劃，還會使搜索引擎中顯示的網(wǎng)站相關(guān)信息對用戶來說更具有吸引力。
從宏觀的角度來說，我認(rèn)為SEO有三條最重要的規(guī)律，那就是原創(chuàng)的內(nèi)容、高質(zhì)量的外部鏈接和適度的優(yōu)化。
前端是構(gòu)建網(wǎng)站中很重要的一個環(huán)節(jié)，本片重點從前端的角度來講解一下SEO的實施方法。前端的工作主要是負(fù)責(zé)頁面的HTML+CSS+JS，優(yōu)化好這幾個方面會為SEO工作打好一個堅實的基礎(chǔ)。突出重點內(nèi)容可以讓搜索引擎判斷當(dāng)前頁面的重點是什么，提升網(wǎng)站的訪問速度可以讓搜索引擎的蜘蛛順利、快速、大量的抓取頁面內(nèi)容，
****分類：白帽SEO和黑帽SEO。白帽SEO，起到了改良和規(guī)范網(wǎng)站設(shè)計的作用，使網(wǎng)站對搜索引擎和用戶更加友好，并且網(wǎng)站也能從搜索引擎中獲取合理的流量，這是搜索引擎鼓勵和支持的。黑帽SEO，利用和放大搜索引擎政策缺陷來獲取更多用戶的訪問量，這類行為大多是欺騙搜索引擎，一般搜索引擎公司是不支持與鼓勵的。本文針對白帽SEO，那么白帽SEO能做什么呢？
1.?對網(wǎng)站的標(biāo)題、關(guān)鍵字、描述精心設(shè)置，反映網(wǎng)站的定位，讓搜索引擎明白網(wǎng)站是做什么的；
2.?網(wǎng)站內(nèi)容優(yōu)化：內(nèi)容與關(guān)鍵字的對應(yīng)，增加關(guān)鍵字的密度；
3.?在網(wǎng)站上合理設(shè)置Robot.txt文件；
4.?生成針對搜索引擎友好的網(wǎng)站地圖；
5.?
5.?增加外部鏈接，到各個網(wǎng)站上宣傳；**
**
**2.主要工作？**
通過了解各類搜索引擎 [1]??抓取互聯(lián)網(wǎng)頁面、進(jìn)行索引以及確定其對特定關(guān)鍵詞搜索結(jié)果排名等技術(shù)，來對網(wǎng)頁進(jìn)行相關(guān)的優(yōu)化，使其提高搜索引擎排名，從而提高網(wǎng)站訪問量，最終提升網(wǎng)站的銷售或宣傳的效果。搜索引擎優(yōu)化對于任何一家網(wǎng)站來說，要想在網(wǎng)站推廣中取得成功，搜索引擎優(yōu)化都是至為關(guān)鍵的一項任務(wù)。同時，隨著搜索引擎不斷變換它們的排名算法規(guī)則，每次算法上的改變都會讓一些排名很好的網(wǎng)站在一夜之間名落孫山，而失去排名的直接后果就是失去了網(wǎng)站固有的可觀訪問量。
通過了解各類搜索引擎如何抓取互聯(lián)網(wǎng)頁面、如何進(jìn)行索引以及如何確定其對某一特定關(guān)鍵詞的搜索結(jié)果排名等技術(shù)，來對網(wǎng)頁內(nèi)容進(jìn)行相關(guān)的優(yōu)化，使其符合用戶瀏覽習(xí)慣，在不損害用戶體驗的情況下提高搜索引擎排名，從而提高網(wǎng)站訪問量，最終提升網(wǎng)站的銷售能力或宣傳能力的技術(shù)。所謂“針對搜尋引擎優(yōu)化處理”，是為了要讓網(wǎng)站更容易被搜索引擎接受。搜索引擎會將網(wǎng)站彼此間的內(nèi)容做一些相關(guān)性的資料比對，然后再由瀏覽器將這些內(nèi)容以最快速且接近最完整的方式，呈現(xiàn)給搜索者。由于不少研究發(fā)現(xiàn)，搜索引擎的用戶往往只會留意搜索結(jié)果最開始的幾項條目，所以不少商業(yè)網(wǎng)站都希望透過各種形式來干擾搜索引擎的排序。搜索引擎優(yōu)化專家“一來勝”認(rèn)為，在網(wǎng)站里尤以各種依靠廣告為生的網(wǎng)站最甚。SEO技術(shù)被很多目光短淺的人，用一些SEO [2]??作弊的不正當(dāng)手段，犧牲用戶體驗，一味迎合搜索引擎的缺陷，來提高排名，這種SEO方法是不可取的，最終也會受到用戶的唾棄。
在國外，SEO開展較早，那些專門從事SEO的技術(shù)人員被Google稱之為“Search Engine Optimizers”。由于Google是世界最大搜索引擎提供商，所以Google也成為了全世界SEOers的主要研究對象，為此Google官方網(wǎng)站專門有一頁介紹SEO，并表明Google對SEO的態(tài)度。
所以每次搜索引擎算法的改變，都會在網(wǎng)站之中引起不小的騷動和焦慮。我們可以說，搜索引擎優(yōu)化也成了一個愈來愈復(fù)雜的任務(wù)。
在搜索引擎網(wǎng)站，比如百度，在其后臺有一個非常龐大的數(shù)據(jù)庫，里面存儲了海量的關(guān)鍵詞，而每個關(guān)鍵詞又對應(yīng)著很多網(wǎng)址，這些網(wǎng)址是百度程序從茫茫的互聯(lián)網(wǎng)上一點一點下載收集而來的，這些程序稱之為“搜索引擎蜘蛛”或“網(wǎng)絡(luò)爬蟲”。這些勤勞的“蜘蛛”每天在互聯(lián)網(wǎng)上爬行，從一個鏈接到另一個鏈接，下載其中的內(nèi)容，進(jìn)行分析提煉，找到其中的關(guān)鍵詞，如果“蜘蛛”認(rèn)為關(guān)鍵詞在數(shù)據(jù)庫中沒有而對用戶是有用的便存入數(shù)據(jù)庫。反之，如果“蜘蛛”認(rèn)為是垃圾信息或重復(fù)信息，就舍棄不要，繼續(xù)爬行，尋找最新的、有用的信息保存起來提供用戶搜索。當(dāng)用戶搜索時，就能檢索出與關(guān)鍵字相關(guān)的網(wǎng)址顯示給訪客。
一個關(guān)鍵詞對用多個網(wǎng)址，因此就出現(xiàn)了排序的問題，相應(yīng)的當(dāng)與關(guān)鍵詞最吻合的網(wǎng)址就會排在前面了。在“蜘蛛”抓取網(wǎng)頁內(nèi)容，提煉關(guān)鍵詞的這個過程中，就存在一個問題：“蜘蛛”能否看懂。如果網(wǎng)站內(nèi)容是flash和js，那么它是看不懂的，會犯迷糊，即使關(guān)鍵字再貼切也沒用。相應(yīng)的，如果網(wǎng)站內(nèi)容是它的語言，那么它便能看懂，它的語言即SEO。
搜索引擎優(yōu)化
一、內(nèi)部優(yōu)化
（1）META標(biāo)簽優(yōu)化：例如：TITLE，KEYWORDS，DESCRIPTION等的優(yōu)化；
title：只要強(qiáng)調(diào)重點即可，重要關(guān)鍵詞出現(xiàn)不要超過2次，而且要靠前，每個頁面的title要有所不同。
description：把網(wǎng)頁內(nèi)容高度概括到這里，長度要合理，不可過分堆砌關(guān)鍵詞，每個頁面的description要有所不同。
keywords：列舉幾個重要的關(guān)鍵詞即可，不可過分堆砌。
（2）內(nèi)部鏈接的優(yōu)化，包括相關(guān)性鏈接（Tag標(biāo)簽），錨文本鏈接，各導(dǎo)航鏈接，及圖片鏈接；
（3）網(wǎng)站內(nèi)容更新：每天保持站內(nèi)的更新(主要是文章的更新等)。
二、外部優(yōu)化
（1）外部鏈接類別：友情鏈接、博客、論壇、B2B、新聞、分類信息、貼吧、知道、百科、站群、相關(guān)信息網(wǎng)等盡量保持鏈接的多樣性；
（2）外鏈運營：每天添加一定數(shù)量的外部鏈接，使關(guān)鍵詞排名穩(wěn)定提升；
（3）外鏈選擇：與一些和你網(wǎng)站相關(guān)性比較高,整體質(zhì)量比較好的網(wǎng)站交換友情鏈接,鞏固穩(wěn)定關(guān)鍵詞排名。
三，各大特點編輯
1.GOOGLE:針對網(wǎng)頁的排名。比較注重反向連接的數(shù)量和質(zhì)量，搜索結(jié)果非常真實，能體現(xiàn)出網(wǎng)站的質(zhì)量.
2.百度:是針對網(wǎng)站的,所以整站內(nèi)容的關(guān)聯(lián)性很重要,再就是網(wǎng)頁的數(shù)量和大小.
3.YAHOO:如果在GOOGLE里沒有較好的收錄恐怕在YAHOO里也是不會有排名了.
4.MSN:在國內(nèi)占的搜索分額非常少，但是他也有自己的特點，MSN在網(wǎng)站上沒明確的寫到他們愿意收錄HTML等靜態(tài)頁面，如果頁面是靜態(tài)并標(biāo)題關(guān)鍵詞明顯清晰就很容易獲得好的排名
四，優(yōu)化知識
網(wǎng)站url
網(wǎng)站創(chuàng)建具有良好描述性、規(guī)范、簡單的url，有利于用戶更方便的記憶和判斷網(wǎng)頁的內(nèi)容，也有利于搜索引擎更有效的抓取您的網(wǎng)站。網(wǎng)站設(shè)計之初，就應(yīng)該有合理的url規(guī)劃。
處理方式：
1.在系統(tǒng)中只使用正常形式url，不讓用戶接觸到非正常形式的url。
2.不把session id、統(tǒng)計代碼等不必要的內(nèi)容放在url中。
3.不同形式的url，301永久跳轉(zhuǎn)到正常形式。
4.防止用戶輸錯而啟用的備用域名，301永久跳轉(zhuǎn)到主域名。
5.使用robots.txt禁止Baiduspider抓取您不想向用戶展現(xiàn)的形式。
title信息
網(wǎng)頁的title用于告訴用戶和搜索引擎這個網(wǎng)頁的主要內(nèi)容是什么，而且當(dāng)用戶在百度網(wǎng)頁搜索中搜索到你的網(wǎng)頁時，title會作為最重要的內(nèi)容顯示在摘要中。
搜索引擎在判斷一個網(wǎng)頁內(nèi)容權(quán)重時，title是主要參考信息之一。
描述建議：
1.首頁：網(wǎng)站名稱 或者 網(wǎng)站名稱_提供服務(wù)介紹or產(chǎn)品介紹 。
2.頻道頁：頻道名稱_網(wǎng)站名稱。
3.文章頁：文章title_頻道名稱_網(wǎng)站名稱。
需要注意：
1.標(biāo)題要主題明確，包含這個網(wǎng)頁中最重要的內(nèi)容。
2.簡明精練，不羅列與網(wǎng)頁內(nèi)容不相關(guān)的信息。
3.用戶瀏覽通常是從左到右的，重要的內(nèi)容應(yīng)該放到title的靠前的位置。
4.使用用戶所熟知的語言描述。如果你有中、英文兩種網(wǎng)站名稱，盡量使用用戶熟知的那一種做為標(biāo)題描述。
meta信息
meta description是meta標(biāo)簽的一部分，位于html代碼的區(qū)。
meta description是對網(wǎng)頁內(nèi)容的精練概括。如果description描述與網(wǎng)頁內(nèi)容相符，百度會把description當(dāng)做摘要的選擇目標(biāo)之 一，一個好的description會幫助用戶更方便的從搜索結(jié)果中判斷你的網(wǎng)頁內(nèi)容是否和需求相符。
meta description不是權(quán)值計算的參考因素，這個標(biāo)簽存在與否不影響網(wǎng)頁權(quán)值，只會用做搜索結(jié)果摘要的一個選擇目標(biāo)。
推薦做法：
1.網(wǎng)站首頁、頻道頁、產(chǎn)品參數(shù)頁等沒有大段文字可以用做摘要的網(wǎng)頁最適合使用description。
2.為每個網(wǎng)頁創(chuàng)建不同的description，避免所有網(wǎng)頁都使用同樣的描述。
3.長度合理，不過長不過短。
圖片alt
建議為圖片加alt說明。
因為這樣做可以在網(wǎng)速較慢圖片不能顯示時讓用戶明白圖片要傳達(dá)的信息，也能讓搜索引擎了解圖片的內(nèi)容。
同理，使用圖片做導(dǎo)航時，也可以使用alt注釋，用alt告訴搜索引擎所指向的網(wǎng)頁內(nèi)容是什么。
flash信息
Baiduspider只能讀懂文本內(nèi)容，flash、圖片等非文本內(nèi)容暫時不能處理，放置在flash、圖片中的文字，百度無法識別。
所以如果一定要使用flash，建議給object標(biāo)簽添加注釋信息。
這些信息會被看作是對Flash的描述信息。讓搜索引擎更好的了解您flash的內(nèi)容。
frame框架
不建議使用frame和iframe框架結(jié)構(gòu)，通過iframe顯示的內(nèi)容可能會被百度丟棄。
提升訪問速度：
①：盡量外鏈css和js，css放在頭部，js放在尾部。
這樣做的好處也可以把內(nèi)容，表現(xiàn)和行為分離，保證代碼整潔的同事也方便維護(hù)。
②：css sprites
減少http請求，利用css sprites技術(shù)可以把網(wǎng)頁用到的圖片整合到一張圖上，這樣就減少了http請求數(shù)，又使的樣式圖片一次加載，避免網(wǎng)頁“白”的尷尬。
③：為圖片設(shè)置高度和寬度，可以提高頁面的加載速度。
④：為靜態(tài)資源文件增加過期時間，讓用戶通過本地緩存來更快的訪問網(wǎng)站。
⑤：壓縮、格式化代碼。
⑥：不使用css表達(dá)式
偽靜態(tài)設(shè)置：
如果是動態(tài)頁面(.php .jsp)，可以開啟偽靜態(tài)功能，讓蜘蛛誤以為這只靜態(tài)頁面（.html .htm），因為靜態(tài)頁面比較適合蜘蛛的胃口
⑦：保留文字效果（切忌用圖片代替文字）：
如果需要兼顧用戶體驗和SEO效果，在必須應(yīng)圖片的地方，例如個性文字的標(biāo)題，我們可以利用樣式控制，讓文本文字不出現(xiàn)在瀏覽器的上，但頁面代碼中是有該文字的
五，優(yōu)化目的
1.隨著網(wǎng)絡(luò)的發(fā)展，網(wǎng)站的數(shù)量已經(jīng)數(shù)以億計，互聯(lián)網(wǎng)上的信息量呈爆炸性增長，加大了人們尋找目標(biāo)信息的難度，而搜索引擎的出現(xiàn)給人們尋找信息帶來極大的便利，已經(jīng)成為不可或缺的上網(wǎng)工具。
2.根據(jù)人們的使用習(xí)慣和心理，在搜索引擎中排名越靠前的網(wǎng)站，被點擊的幾率就越大，相反，排名越靠后，得到的搜索流量就越少。據(jù)統(tǒng)計，全球500強(qiáng)的公司中，有90%以上的公司在公司網(wǎng)站中導(dǎo)入了SEO技術(shù)。
3.一般的網(wǎng)絡(luò)公司因缺乏專業(yè)的營銷知識和理念，僅從技術(shù)的角度出發(fā)為您建造網(wǎng)站，美工只管將您的網(wǎng)站設(shè)計漂亮，程序員只管實現(xiàn)您要求的功能模塊，這樣做出來的網(wǎng)站是有缺陷的，不符合搜索引擎的收錄要求，所以必須對網(wǎng)站進(jìn)行全面的針對性優(yōu)化。
**6.前端SEO:**
通過網(wǎng)站的結(jié)構(gòu)布局設(shè)計和網(wǎng)頁代碼優(yōu)化，使前端頁面既能讓瀏覽器用戶能夠看懂，也能讓“蜘蛛”看懂。
**(1) 網(wǎng)站結(jié)構(gòu)布局優(yōu)化：盡量簡單、開門見山，提倡扁平化結(jié)構(gòu)。**
一般而言，建立的網(wǎng)站結(jié)構(gòu)層次越少，越容易被“蜘蛛”抓取，也就容易被收錄。一般中小型網(wǎng)站目錄結(jié)構(gòu)超過三級，“蜘蛛”便不愿意往下爬，“萬一天黑迷路了怎么辦”。并且根據(jù)相關(guān)調(diào)查：訪客如果經(jīng)過跳轉(zhuǎn)3次還沒找到需要的信息，很可能離開。因此，三層目錄結(jié)構(gòu)也是體驗的需要。為此我們需要做到：
1.?控制首頁鏈接數(shù)量
網(wǎng)站首頁是權(quán)重最高的地方，如果首頁鏈接太少，沒有“橋”，“蜘蛛”不能繼續(xù)往下爬到內(nèi)頁，直接影響網(wǎng)站收錄數(shù)量。但是首頁鏈接也不能太多，一旦太多，沒有實質(zhì)性的鏈接，很容易影響用戶體驗，也會降低網(wǎng)站首頁的權(quán)重，收錄效果也不好。
因此對于中小型企業(yè)網(wǎng)站，建議首頁鏈接在100個以內(nèi)，鏈接的性質(zhì)可以包含頁面導(dǎo)航、底部導(dǎo)航、錨文字鏈接等等，注意鏈接要建立在用戶的良好體驗和引導(dǎo)用戶獲取信息的基礎(chǔ)之上。
2.扁平化的目錄層次，盡量讓“蜘蛛”只要跳轉(zhuǎn)3次，就能到達(dá)網(wǎng)站內(nèi)的任何一個內(nèi)頁。扁平化的目錄結(jié)構(gòu)，比如：“植物”–> “水果” –> “蘋果”、“桔子”、“香蕉”，通過3級就能找到香蕉了。
3.導(dǎo)航優(yōu)化
其次，在每一個網(wǎng)頁上應(yīng)該加上面包屑導(dǎo)航，好處：從用戶體驗方面來說，可以讓用戶了解當(dāng)前所處的位置以及當(dāng)前頁面在整個網(wǎng)站中的位置，幫助用戶很快了解網(wǎng)站組織形式，從而形成更好的位置感，同時提供了返回各個頁面的接口，方便用戶操作；對“蜘蛛”而言，能夠清楚的了解網(wǎng)站結(jié)構(gòu)，同時還增加了大量的內(nèi)部鏈接，方便抓取，降低跳出率。
4.?網(wǎng)站的結(jié)構(gòu)布局–不可忽略的細(xì)節(jié)
1）頁面頭部：logo及主導(dǎo)航，以及用戶的信息。
2）頁面主體：左邊正文，包括面包屑導(dǎo)航及正文；右邊放熱門文章及相關(guān)文章，好處：留住訪客，讓訪客多停留，對“蜘蛛”而言，這些文章屬于相關(guān)鏈接，增強(qiáng)了頁面相關(guān)性，也能增強(qiáng)頁面的權(quán)重。
3）頁面底部：版權(quán)信息和友情鏈接。
特別注意：分頁導(dǎo)航寫法，推薦寫法：“首頁 1 2 3 4 5 6 7 8 9 下拉框”，這樣“蜘蛛”能夠根據(jù)相應(yīng)頁碼直接跳轉(zhuǎn)，下拉框直接選擇頁面跳轉(zhuǎn)。而下面的寫法是不推薦的，“首頁 下一頁 尾頁”，特別是當(dāng)分頁數(shù)量特別多時，“蜘蛛”需要經(jīng)過很多次往下爬，才能抓取，會很累、會容易放棄。
5.控制頁面的大小，減少http請求，提高網(wǎng)站的加載速度。
一個頁面最好不要超過100k，太大，頁面加載速度慢。當(dāng)速度很慢時，用戶體驗不好，留不住訪客，并且一旦超時，“蜘蛛”也會離開。
(2) 網(wǎng)頁代碼優(yōu)化
1.標(biāo)題：只強(qiáng)調(diào)重點即可，盡量把重要的關(guān)鍵詞放在前面，關(guān)鍵詞不要重復(fù)出現(xiàn)，盡量做到每個頁面的<title>標(biāo)題中不要設(shè)置相同的內(nèi)容。
2.標(biāo)簽：關(guān)鍵詞，列舉出幾個頁面的重要關(guān)鍵字即可，切記過分堆砌。
3.標(biāo)簽：網(wǎng)頁描述，需要高度概括網(wǎng)頁內(nèi)容，切記不能太長，過分堆砌關(guān)鍵詞，每個頁面也要有所不同。
4.中的標(biāo)簽：盡量讓代碼語義化，在適當(dāng)?shù)奈恢檬褂眠m當(dāng)?shù)臉?biāo)簽，用正確的標(biāo)簽做正確的事。讓閱讀源碼者和“蜘蛛”都一目了然。比如：h1-h6是用于標(biāo)題類的，標(biāo)簽是用來設(shè)置頁面主導(dǎo)航的等。
6.正文標(biāo)題要用
標(biāo)簽：“蜘蛛” 認(rèn)為它最重要，若不喜歡
的默認(rèn)樣式可以通過CSS設(shè)置。盡量做到正文標(biāo)題用
標(biāo)簽，副標(biāo)題用
標(biāo)簽, 而其它地方不應(yīng)該隨便亂用 h 標(biāo)題標(biāo)簽。
7.
標(biāo)簽：只用于文本內(nèi)容的換行
8.表格應(yīng)該使用表格標(biāo)題標(biāo)簽
10.、標(biāo)簽 : 需要強(qiáng)調(diào)時使用。標(biāo)簽在搜索引擎中能夠得到高度的重視，它能突出關(guān)鍵詞，表現(xiàn)重要的內(nèi)容，標(biāo)簽強(qiáng)調(diào)效果僅次于標(biāo)簽。
、標(biāo)簽: 只是用于顯示效果時使用，在SEO中不會起任何效果。
11、文本縮進(jìn)不要使用特殊符號? 應(yīng)當(dāng)使用CSS進(jìn)行設(shè)置。版權(quán)符號不要使用特殊符號 ?; 可以直接使用輸入法，拼“banquan”，選擇序號5就能打出版權(quán)符號?。
12、巧妙利用CSS布局，將重要內(nèi)容的HTML代碼放在最前面，最前面的內(nèi)容被認(rèn)為是最重要的，優(yōu)先讓“蜘蛛”讀取，進(jìn)行內(nèi)容關(guān)鍵詞抓取。
13.重要內(nèi)容不要用JS輸出，因為“蜘蛛”不認(rèn)識
14.盡量少使用iframe框架,因為“蜘蛛”一般不會讀取其中的內(nèi)容
15.謹(jǐn)慎使用display：none ：對于不想顯示的文字內(nèi)容，應(yīng)當(dāng)設(shè)置z-index或設(shè)置到瀏覽器顯示器之外。因為搜索引擎會過濾掉display:none其中的內(nèi)容。
16.?不斷精簡代碼
17.js代碼如果是操作DOM操作，應(yīng)盡量放在body結(jié)束標(biāo)簽之前，html代碼之后。
18.語義化書寫html代碼
對于搜索引擎來說，最直接面對的就是網(wǎng)頁html代碼，如果網(wǎng)頁寫的于下一話，搜索引擎就會很容易的讀懂該網(wǎng)頁要表達(dá)的意思。例如文本模塊要有大標(biāo)題，合理利用h1-h6，列表形式的代碼使用ul或ol，重要的文字使用strong等等。
19：重要的內(nèi)容不要用js輸出
蜘蛛不會讀取js里的內(nèi)容，所以重要的內(nèi)容必須放在html里。
