前端SEO應(yīng)該了解什么優(yōu)化常識(shí)

    網(wǎng)站前端制作網(wǎng)站的時(shí)候無(wú)可避免需要去了解一下SEO優(yōu)化方面的相關(guān)知識(shí)，只有這樣才可以讓前端開發(fā)的時(shí)候更符合SEO的標(biāo)準(zhǔn)來(lái)建設(shè)網(wǎng)站，另外網(wǎng)站前端工作人員肯定是要和seo打交道，會(huì)seo的前端也在崗位上會(huì)更加吃香。

    但是實(shí)施上面很多時(shí)候，網(wǎng)站前端開發(fā)的從事者缺乏對(duì)seo的基本了解，導(dǎo)致整個(gè)網(wǎng)站建設(shè)，運(yùn)營(yíng)的效率偏低。而實(shí)際上面seo對(duì)于前端來(lái)說(shuō)是非常有必要的，學(xué)習(xí)一些通用的seo技術(shù)，不耗時(shí)不費(fèi)力，又可提升工作效率，提升自身能力，是一件非常好的事情。

    前端指的是網(wǎng)站前臺(tái)部分，運(yùn)行在PC端，移動(dòng)端等瀏覽器上面展現(xiàn)給用戶瀏覽的網(wǎng)頁(yè)。隨著互聯(lián)網(wǎng)技術(shù)的發(fā)展，HTML5以及CSS3，前端框架的應(yīng)用，跨平臺(tái)響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)能夠適應(yīng)各種屏幕分辨率，完美的動(dòng)效設(shè)計(jì)，給用戶帶來(lái)非常高的用戶體驗(yàn)。

    SEO是按照用戶需求，百度算法，去對(duì)網(wǎng)站進(jìn)行一個(gè)站內(nèi)站外優(yōu)化，使得網(wǎng)站更加符合搜索引擎的抓取，更加可以解決用戶問(wèn)題，更讓用戶喜歡，從而提升在搜索引擎的搜索結(jié)果排名。增加曝光率，從而帶來(lái)訂單，掌握好可以給自己或者公司的網(wǎng)站做優(yōu)化，從事相關(guān)的工作，也可以自己在家里接單，畢竟那么多的網(wǎng)站沒(méi)有排名，我們出技術(shù)，他們出金錢就可以了。

    所以做研發(fā)的同學(xué)，其實(shí)很多人并沒(méi)有深入了解過(guò)SEO這個(gè)概念。在技術(shù)博客里面，提及這一塊的也是寥寥無(wú)幾。今天Highallxy就拿自己的經(jīng)驗(yàn)，簡(jiǎn)單給大家做個(gè)介紹，有什么遺漏需要補(bǔ)充的地方歡迎大家提醒

    其實(shí)搜索引擎所做的工作是相當(dāng)復(fù)雜的，再這里簡(jiǎn)單介紹一下大致的過(guò)程。后續(xù)針對(duì)SEO如何優(yōu)化，也會(huì)按照這幾個(gè)點(diǎn)展開描述。

    頁(yè)面抓?。?蜘蛛向服務(wù)器請(qǐng)求頁(yè)面，獲取頁(yè)面內(nèi)容

    分析入庫(kù)：對(duì)獲取到的內(nèi)容進(jìn)行分析，對(duì)優(yōu)質(zhì)頁(yè)面進(jìn)行收錄

    檢索排序：當(dāng)用戶檢索關(guān)鍵詞時(shí)，從收錄的頁(yè)面中按照一定的規(guī)則進(jìn)行排序，并返回給用戶結(jié)果家補(bǔ)充。

    早在ajax還沒(méi)流行的的時(shí)候，其實(shí)SEO對(duì)于前端的要求并沒(méi)有很多，或者說(shuō)，那個(gè)時(shí)候還沒(méi)有前端這個(gè)職業(yè)。頁(yè)面全部在服務(wù)器端由渲染好，不管是用戶還是蜘蛛過(guò)來(lái)，都能很友好的返回html。ajax似乎原本是為了避免有數(shù)據(jù)交互導(dǎo)致必須重刷頁(yè)面設(shè)計(jì)的，但是被大規(guī)模濫用，一些開發(fā)者不管三七二十一，所有數(shù)據(jù)都用ajax請(qǐng)求，使得蜘蛛不可以順利的獲取頁(yè)面內(nèi)容。而慶幸的是這反倒促進(jìn)了前端的飛速發(fā)展。

    而到了后來(lái)，各種SPA單頁(yè)應(yīng)用框架的出現(xiàn)，使得前端開發(fā)不再需要關(guān)心頁(yè)面的DOM結(jié)構(gòu)，只需要專注業(yè)務(wù)邏輯，數(shù)據(jù)全部由Javascript發(fā)ajax請(qǐng)求獲取數(shù)據(jù)，然后在客戶端再進(jìn)行渲染。這也就導(dǎo)致了老生常談的SEO問(wèn)題。百度在國(guó)內(nèi)搜索引擎的占有率最高，但是也非常不幸，它并不支持ajax數(shù)據(jù)的爬取。于是，開發(fā)者開始想別的解決方案，比如檢測(cè)到是爬蟲過(guò)來(lái)，單獨(dú)把它轉(zhuǎn)發(fā)到一個(gè)專門的路由去渲染，比如基于Node.js的Jade引擎（現(xiàn)在改名叫Pug了），就能很好地解決這個(gè)問(wèn)題。React和Vue，包括一個(gè)比較小眾的框架Marko也出了對(duì)應(yīng)的服務(wù)端渲染解決方案。詳細(xì)內(nèi)容查看對(duì)應(yīng)文檔，我就不多說(shuō)了。

    URL設(shè)置要合理規(guī)范，層次分明。如果網(wǎng)站到了后期發(fā)現(xiàn)URL不合理需要重新替換時(shí)，會(huì)導(dǎo)致之前收錄的頁(yè)面失效，就是我們所說(shuō)的死鏈（這種情況屬于死鏈的一種，404等也屬于死鏈）。所以一定要在網(wǎng)站建設(shè)初期就做好長(zhǎng)遠(yuǎn)的規(guī)劃。一旦出現(xiàn)這種情況也不要過(guò)于擔(dān)心，我們可以采取向搜索引擎投訴或者設(shè)置301跳轉(zhuǎn)的方式解決。

    URL層級(jí)嵌套不要太深，建議不超過(guò)四層。增加面包屑導(dǎo)航可以使頁(yè)面層次分明，也有利于為蜘蛛營(yíng)造順利的爬取路徑。

    除此之外，將指向首頁(yè)的域名全部設(shè)置301跳轉(zhuǎn)到同一URL，可以避免分散權(quán)重。

    當(dāng)蜘蛛把頁(yè)面抓取回去之后，就需要對(duì)頁(yè)面內(nèi)容進(jìn)行分析，并擇優(yōu)收錄入庫(kù)。為什么說(shuō)是擇優(yōu)呢？下面我給你慢慢分析。

搜索引擎的目的是給用戶提供高質(zhì)量的、精準(zhǔn)的搜索結(jié)果。如果整個(gè)頁(yè)面充斥著滿滿的廣告和各種不良信息，這無(wú)疑會(huì)很大程度上影響用戶體驗(yàn)。

除此之外，你肯定不希望自己辛辛苦苦創(chuàng)作的文章被別人輕而易舉的抄走，所以搜索引擎在一定程度上幫助你避免這種情況的發(fā)生。對(duì)于已經(jīng)收錄的內(nèi)容，搜索引擎會(huì)降低其權(quán)重，甚至直接不收錄這個(gè)頁(yè)面。即便是這樣，為了保證頁(yè)面的新鮮度，很多網(wǎng)站都會(huì)爬取或者轉(zhuǎn)載其他網(wǎng)站的內(nèi)容。這就是我們經(jīng)常聽到的偽原創(chuàng)。所以，想要讓你的頁(yè)面能夠以較高的權(quán)重被收錄，就需要堅(jiān)持更新網(wǎng)站內(nèi)容，并且是高質(zhì)量的原創(chuàng)內(nèi)容。

    前端對(duì)于網(wǎng)站SEO有多重要,這個(gè)根本不用說(shuō),只能這樣來(lái)形容,做網(wǎng)站SEO離不開前端,做前端離不開SEO.為什么這么說(shuō)?因?yàn)樗麄儽旧砭蛻?yīng)該是一體的?？偨Y(jié)就是做前端的小伙伴一定要學(xué)SEO，做SEO的小伙伴一定要學(xué)前端~