簡介

全稱：SEO（Search Engine Optimization）:漢譯為搜索引擎優(yōu)化。

作用：搜索引擎優(yōu)化是一種利用搜索引擎的搜索規(guī)則來提高目前網(wǎng)站在有關(guān)搜索引擎內(nèi)的自然排名的方式岩瘦。SEO是指為了從搜索引擎中獲得更多的免費(fèi)流量厢破，從網(wǎng)站結(jié)構(gòu)、內(nèi)容建設(shè)方案、用戶互動(dòng)傳播跟磨、頁面等角度進(jìn)行合理規(guī)劃，使網(wǎng)站更適合搜索引擎的索引原則的行為攒盈。

分類：

白帽SEO：改良規(guī)范網(wǎng)站設(shè)計(jì)抵拘，使網(wǎng)站對搜索引擎和用戶更加友好
黑帽SEO：利用搜索引擎缺陷來獲取更多的用戶訪問量

原理

搜索引擎其實(shí)相當(dāng)復(fù)雜，我們簡單說一下他們大致的過程型豁，后續(xù)針對SEO如何優(yōu)化僵蛛，也會(huì)根據(jù)這幾個(gè)點(diǎn)展開描述。
-頁面抓扔洹： 蜘蛛向服務(wù)器請求頁面充尉，獲取頁面內(nèi)容
-分析入庫：對獲取到的內(nèi)容進(jìn)行分析，對優(yōu)質(zhì)頁面進(jìn)行收錄
-檢索排序：當(dāng)用戶檢索關(guān)鍵詞時(shí)衣形，從收錄的頁面中按照一定的規(guī)則進(jìn)行排序驼侠，并返回給用戶結(jié)果

優(yōu)化

既然是優(yōu)化姿鸿，那我們就得遵循SEO的原理來做，可謂知己知彼倒源，百戰(zhàn)不殆苛预。針對上面提出的三點(diǎn)，我們分別展開敘述笋熬。我們這里主要以百度蜘蛛舉例热某。

頁面抓取

如何才能吸引蜘蛛光顧我們的網(wǎng)站，如何才能讓蜘蛛經(jīng)常光顧我們的網(wǎng)站胳螟。這里提出以下幾個(gè)優(yōu)化點(diǎn)：

1. 提交頁面昔馋。提交頁面又分為幾種不同的方式
   1.1 sitemap提交。sitemap旺隙，顧名思義绒极，就是網(wǎng)站地圖，當(dāng)蜘蛛來到我們的網(wǎng)站時(shí)蔬捷，告訴它我們
   有多少頁面垄提，不同頁面是按什么分類的，每個(gè)頁面的地址是什么周拐。順著我們的指引铡俐，蜘蛛會(huì)很
   輕松的爬遍所有內(nèi)容。另外妥粟，如果你的頁面分類比較多审丘，而且數(shù)量大，建議添加sitemap索引
   文件勾给。如果站點(diǎn)經(jīng)常更新添加新頁面滩报，建議及時(shí)更新sitemap文件；
   1.2 主動(dòng)提交播急。就是把你的頁面直接丟給百度的接口脓钾，親口告訴百度你有哪些頁面，這是效率最
   高也是收錄最快的方式了桩警。但是需要注意可训，百度對每天提交的數(shù)量是有限制的，而且反復(fù)提交
   重復(fù)的頁面捶枢，會(huì)被降低每日限額握截，所以已被收錄的頁面不建議反復(fù)提交。收錄有個(gè)時(shí)間過程烂叔，
   請先耐心等待谨胞；
   1.3 實(shí)時(shí)提交。在頁面中安裝百度給的提交代碼蒜鸡，當(dāng)這個(gè)頁面被用戶打開我畜眨，便自動(dòng)把這個(gè)頁面
   提交給百度昼牛。這里不需要考慮重復(fù)提交的問題术瓮。

以上幾種提交方式可以同時(shí)使用康聂，互不沖突
1.保證我們的頁面是蜘蛛可讀的。
早在ajax還沒流行的的時(shí)候胞四，其實(shí)SEO對于前端的要求并沒有很多恬汁，或者說，那個(gè)時(shí)候還沒
有前端這個(gè)職業(yè)辜伟。頁面全部在服務(wù)器端由渲染好氓侧，不管是用戶還是蜘蛛過來，都能很友好的返
回html导狡。ajax似乎原本是為了避免有數(shù)據(jù)交互導(dǎo)致必須重刷頁面設(shè)計(jì)的约巷，但是被大規(guī)模濫用，
一些開發(fā)者不管三七二十一旱捧，所有數(shù)據(jù)都用ajax請求独郎，使得蜘蛛不能順利的獲取頁面內(nèi)容。
慶幸的是這反倒促進(jìn)了前端的飛速發(fā)展枚赡。
??到了后來氓癌，各種SPA單頁應(yīng)用框架的出現(xiàn)，使得前端開發(fā)者不再需要關(guān)心頁面的DOM結(jié)
構(gòu)贫橙，只需專注業(yè)務(wù)邏輯贪婉，數(shù)據(jù)全部由Javascript發(fā)ajax請求獲取數(shù)據(jù)，然后在客戶端進(jìn)行渲
染卢肃。這也就導(dǎo)致了老生常談的SEO問題疲迂。百度在國內(nèi)搜索引擎的占有率最高，但是很不幸莫湘，
它并不支持ajax數(shù)據(jù)的爬取尤蒿。于是，開發(fā)者開始想別的解決方案逊脯，比如檢測到是爬蟲過來优质，
單獨(dú)把它轉(zhuǎn)發(fā)到一個(gè)專門的路由去渲染，比如基于Node.js的Jade引擎（現(xiàn)在改名叫Pug
了）军洼，就能很好地解決這個(gè)問題巩螃。React和Vue，包括一個(gè)比較小眾的框架Marko也出了對應(yīng)
的服務(wù)端渲染解決方案匕争。詳細(xì)內(nèi)容查看對應(yīng)文檔避乏，我就不多說了。

2. URL與301
   URL設(shè)置要合理規(guī)范甘桑，層次分明拍皮。如果網(wǎng)站到了后期發(fā)現(xiàn)URL不合理需要重新替換時(shí)歹叮，會(huì)
   導(dǎo)致之前收錄的頁面失效，就是我們所說的死鏈（這種情況屬于死鏈的一種铆帽，404等也屬于死
   鏈）咆耿。所以一定要在網(wǎng)站建設(shè)初期就做好長遠(yuǎn)的規(guī)劃。一旦出現(xiàn)這種情況也不要過于擔(dān)心爹橱，我
   們可以采取向搜索引擎投訴或者設(shè)置301跳轉(zhuǎn)的方式解決萨螺。
   ? URL層級嵌套不要太深，建議不超過四層愧驱。增加面包屑導(dǎo)航可以使頁面層次分明慰技，也有利
   于為蜘蛛營造順利的爬取路徑。
   除此之外组砚，將指向首頁的域名全部設(shè)置301跳轉(zhuǎn)到同一URL吻商，可以避免分散權(quán)重

分析入庫

當(dāng)蜘蛛把頁面抓取回去之后，就需要對頁面內(nèi)容進(jìn)行分析糟红，并擇優(yōu)收錄入庫艾帐。為什么說是擇優(yōu)呢？ 下面我給你慢慢分析改化。
??搜索引擎的目的是給用戶提供高質(zhì)量的掩蛤、精準(zhǔn)的搜索結(jié)果。如果整個(gè)頁面充斥著滿滿的廣告和各種不良信息陈肛，這無疑會(huì)很大程度上影響用戶體驗(yàn)揍鸟。
??除此之外，你肯定不希望自己辛辛苦苦創(chuàng)作的文章被別人輕而易舉的抄走句旱，所以搜索引擎在一定程度上幫助你避免這種情況的發(fā)生阳藻。對于已經(jīng)收錄的內(nèi)容，搜索引擎會(huì)降低其權(quán)重谈撒，甚至直接不收錄這個(gè)頁面腥泥。即便是這樣，為了保證頁面的新鮮度啃匿，很多網(wǎng)站都會(huì)爬取或者轉(zhuǎn)載其他網(wǎng)站的內(nèi)容蛔外。這就是我們經(jīng)常聽到的偽原創(chuàng)。所以溯乒，想要讓你的頁面能夠以較高的權(quán)重被收錄夹厌，就需要堅(jiān)持更新網(wǎng)站內(nèi)容，并且是高質(zhì)量的原創(chuàng)內(nèi)容裆悄。

檢索排序

這塊我的理解是矛纹，頁面被收錄后，會(huì)給每個(gè)頁面打一些tag光稼。這些tag將作為搜索結(jié)果排序的重要依據(jù)或南。比如用戶搜索“北京旅游”孩等，搜索引擎會(huì)檢索收錄頁面中被打了“北京旅游”tag的頁面，并根據(jù)一系列規(guī)則進(jìn)行排序采够。所以肄方，如何提升這些tag在搜索引擎里面的權(quán)重是至關(guān)重要的。

1. TDK 優(yōu)化
   TDK是個(gè)縮寫吁恍，seo頁面中的頁面描述與關(guān)鍵詞設(shè)置扒秸。
   其中"T"代表頁頭中的title元素，這里可能還要利用到分詞技術(shù)冀瓦，當(dāng)標(biāo)題(Title)寫好后，我們就盡可> 能不要再去修改了写烤，盡量簡潔翼闽，沒意義的詞盡量不要加入到標(biāo)題中，避免干擾到搜索引擎識(shí)別網(wǎng)站主題洲炊。
   其中"D"代表頁頭中的description元素感局，要知道描述是對網(wǎng)頁的一個(gè)概述，也是對title的補(bǔ)充暂衡，因?yàn)閠itle中只能書寫有限的字?jǐn)?shù)询微，所以在description中就要稍微詳細(xì)的補(bǔ)充起來，一般用一句兩句話概括文章的內(nèi)容狂巢。
   其中"K"代表頁頭中的keywords元素撑毛，提取頁面中的主要關(guān)鍵詞，數(shù)量控制在三到六個(gè)內(nèi)唧领。想方設(shè)法讓主關(guān)鍵字都出現(xiàn)藻雌。

以上內(nèi)容摘自百度百科，這里需要補(bǔ)充幾點(diǎn)斩个。
??TDK是搜索引擎判斷頁面主題內(nèi)容的關(guān)鍵胯杭，所以要在title里面言簡意賅的體現(xiàn)出頁面的主要內(nèi)容，如果主體比較多受啥，可以用一些符號(hào)把不同的主題詞隔開做个，但是關(guān)鍵詞不要太多，最多不要超過五個(gè)滚局。
??keywords里面把每個(gè)關(guān)鍵詞用英文逗號(hào)隔開居暖，三到五個(gè)最佳。盡量覆蓋每個(gè)關(guān)鍵詞核畴。
??description就是用自然語言描述頁面的主要內(nèi)容膝但，這里注意一點(diǎn)就是把每個(gè)關(guān)鍵詞至少覆蓋一遍才能達(dá)到最佳效果。

2. 提升頁面關(guān)鍵詞密度
   首先說個(gè)概念谤草，叫關(guān)鍵詞密度跟束。簡單理解就是關(guān)鍵詞在所有文字內(nèi)容中出現(xiàn)的比例莺奸。提升關(guān)鍵詞的密度，有利于提升搜索引擎針對對應(yīng)關(guān)鍵詞的搜索排名冀宴。但并不是我們整個(gè)頁面密密麻麻堆砌關(guān)鍵次就好灭贷，我們來分析一個(gè)案例。

我們在百度搜索“北京旅游”略贮，排在第一的是百度旅游甚疟，這個(gè)就不解釋了。排第二位是攜程逃延，我們就分析一下為啥攜程會(huì)排名這么靠前览妖。

image.png

??通過查看百度快照，可以一目了然的看到頁面上究竟哪些地方命中了這些詞揽祥。
頁面頭部

image.png

頁面很清晰表明了關(guān)鍵詞出現(xiàn)的地方讽膏，我們發(fā)現(xiàn)這個(gè)頁面除了正文部分外，還設(shè)置了許多的模塊拄丰，這些模塊看似只是一些簡單的鏈接府树，實(shí)際上他們更重要的使命就是服務(wù)SEO，提升關(guān)鍵詞的密度料按。同時(shí)奄侠，這些鏈接都是指向網(wǎng)站內(nèi)部的鏈接，通過這樣的方式载矿，還可以在不同的頁面之間相互投權(quán)重垄潮。可以說小鏈接恢准，大學(xué)問魂挂！
??你以為到此結(jié)束了？并沒有馁筐。請仔細(xì)觀察頁面上這些模塊的內(nèi)容設(shè)置涂召。分別覆蓋了地區(qū)、景點(diǎn)敏沉、攻略果正、導(dǎo)航、住宿盟迟、交通等等秋泳，可以說是涵蓋了你要旅游所需要的任何需求。這樣一來攒菠，不管你搜哪些有關(guān)于“北京旅游”的關(guān)鍵詞迫皱，比如“北京旅游住宿”，“北京特色美食”等都會(huì)命中這個(gè)頁面的詞，這使得這個(gè)頁面的關(guān)鍵詞數(shù)量得到提升卓起，更容易得到曝光和敬。
3.細(xì)枝末節(jié)但不可忽視的優(yōu)化
頁面上經(jīng)常會(huì)有各種圖片，對于搜索引擎來說戏阅，它是不識(shí)別圖片上的內(nèi)容的昼弟。你可能知道代碼中img標(biāo)簽的alt屬性是為了圖片加載失敗的時(shí)候，給用戶看的奕筐。這個(gè)屬性表明了這張圖的內(nèi)容舱痘。其實(shí)搜索引擎在分析頁面的時(shí)候，也會(huì)根據(jù)這個(gè)詞去判斷圖片的內(nèi)容离赫，所以要給頁面上有意義的圖片都加上alt屬性芭逝，寫清楚圖片索要反映的內(nèi)容。
??頁面上的出站鏈接（也就是指向別的網(wǎng)站的A標(biāo)簽）笆怠，我們要給它加上nofollow標(biāo)簽铝耻，避免它向別的網(wǎng)站輸出權(quán)重。百度蜘蛛會(huì)忽略加了nofollow 的鏈接蹬刷。你也可以在網(wǎng)頁的meta標(biāo)簽里這么寫<meta name="robots" content="nofollow" />，這樣一來频丘，百度蜘蛛將不追蹤頁面上的所有鏈接办成，但不建議這么做，除非這個(gè)頁面的所有鏈接都指向了別的域名搂漠。

其他優(yōu)化點(diǎn)

1. 控制頁面大小迂卢，較少http請求，提高網(wǎng)站加載速度
   一個(gè)頁面最好不要超過100k桐汤，太大而克，頁面加載速度慢。當(dāng)速度很慢時(shí)怔毛，用戶體驗(yàn)不好员萍，留不住訪客，并且一旦超時(shí)拣度，“蜘蛛”也會(huì)離開碎绎。
2. <body>中的標(biāo)簽：盡量讓代碼語義化，在適當(dāng)?shù)奈恢檬褂眠m當(dāng)?shù)臉?biāo)簽抗果，用正確的標(biāo)簽做正確的事筋帖。讓閱讀源碼者和“蜘蛛”都一目了然。比如：h1-h6 是用于標(biāo)題類的冤馏，<nav>標(biāo)簽是用來設(shè)置頁面主導(dǎo)航的等日麸。
3. <a>標(biāo)簽：頁內(nèi)鏈接，要加 “title” 屬性加以說明逮光，讓訪客和 “蜘蛛” 知道代箭。而外部鏈接墩划，鏈接到其他網(wǎng)站的，則需要加上 el="nofollow" 屬性, 告訴 “蜘蛛” 不要爬梢卸，因?yàn)橐坏爸┲搿迸懒送獠挎溄又笞叩筒粫?huì)再回來了。
4. .正文標(biāo)題要用<h1>標(biāo)簽：“蜘蛛” 認(rèn)為它最重要蛤高，若不喜歡<h1>的默認(rèn)樣式可以通過CSS設(shè)置蚣旱。盡量做到正文標(biāo)題用<h1>標(biāo)簽，副標(biāo)題用<h2>標(biāo)簽, 而其它地方不應(yīng)該隨便亂用 h 標(biāo)題標(biāo)簽戴陡。
   5 .
   標(biāo)簽：只用于文本內(nèi)容的換行塞绿，比如:
5. 盡量少使用iframe框架,因?yàn)椤爸┲搿币话悴粫?huì)讀取其中的內(nèi)容
6. 謹(jǐn)慎使用display：none ：對于不想顯示的文字內(nèi)容，應(yīng)當(dāng)設(shè)置z-index或設(shè)置到瀏覽器顯示器之外恤批。因?yàn)樗阉饕鏁?huì)過濾掉display:none其中的內(nèi)容异吻。
7. 友情鏈接：友情鏈接是作為網(wǎng)站之間相互交換流量，互惠互利的合作形式喜庞。事實(shí)上诀浪，友情鏈接對網(wǎng)站權(quán)重提升有著至關(guān)重要的作用。友鏈不僅可以引導(dǎo)用戶瀏覽延都，而且搜索引擎也會(huì)順著鏈接形成循環(huán)爬取雷猪，可以有效提升網(wǎng)站流量和快照的更新速度。
8. 利用站內(nèi)分析工具：我們要在自己的站點(diǎn)安裝百度統(tǒng)計(jì)代碼晰房，這樣就可以分析出站點(diǎn)內(nèi)用戶的關(guān)注度和瀏覽流程求摇，以此來不斷優(yōu)化站點(diǎn)結(jié)構(gòu)，提升用戶的留存率殊者。同時(shí)也可以做用戶畫像与境，分析用戶數(shù)據(jù)等等。
9. 借助站長工具猖吴、愛站網(wǎng)或者各種站長后臺(tái)我們可以分析出ip來路摔刁，以及關(guān)鍵詞的搜索熱度和相關(guān)詞，我們再把這些詞以一定的密度添加到頁面中距误，以此來提升命中率簸搞。這里主要是運(yùn)營同學(xué)的工作，我不專業(yè)准潭，也就不展開說了趁俊，更多功能大家自行摸索。

結(jié)語

想要做好SEO并不是一件簡單的事刑然，需要持之以恒寺擂，面面俱到。對網(wǎng)站持續(xù)關(guān)注，并保持更新怔软。從長遠(yuǎn)打算垦细，切不可投機(jī)取巧，只圖一時(shí)的效果做違背搜索引擎的操作挡逼，也就是常說的黑帽SEO括改，否則被百度K掉就得不償失了
參考文章：
https://segmentfault.com/a/1190000015179041
https://blog.csdn.net/sqlquan/article/details/86647819
https://blog.csdn.net/xustart7720/article/details/79960591