前端SEO應該了解什么優化常識

    網站前端制作網站的時候無可避免需要去了解一下SEO優化方面的相關知識，只有這樣才可以讓前端開發的時候更符合SEO的標準來建設網站，另外網站前端工作人員肯定是要和seo打交道，會seo的前端也在崗位上會更加吃香。

    但是實施上面很多時候，網站前端開發的從事者缺乏對seo的基本了解，導致整個網站建設，運營的效率偏低。而實際上面seo對于前端來說是非常有必要的，學習一些通用的seo技術，不耗時不費力，又可提升工作效率，提升自身能力，是一件非常好的事情。

    前端指的是網站前臺部分，運行在PC端，移動端等瀏覽器上面展現給用戶瀏覽的網頁。隨著互聯網技術的發展，HTML5以及CSS3，前端框架的應用，跨平臺響應式網頁設計能夠適應各種屏幕分辨率，完美的動效設計，給用戶帶來非常高的用戶體驗。

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

    所以做研發的同學，其實很多人并沒有深入了解過SEO這個概念。在技術博客里面，提及這一塊的也是寥寥無幾。今天Highallxy就拿自己的經驗，簡單給大家做個介紹，有什么遺漏需要補充的地方歡迎大家提醒

    其實搜索引擎所做的工作是相當復雜的，再這里簡單介紹一下大致的過程。后續針對SEO如何優化，也會按照這幾個點展開描述。

    頁面抓?。?蜘蛛向服務器請求頁面，獲取頁面內容

    分析入庫：對獲取到的內容進行分析，對優質頁面進行收錄

    檢索排序：當用戶檢索關鍵詞時，從收錄的頁面中按照一定的規則進行排序，并返回給用戶結果家補充。

    早在ajax還沒流行的的時候，其實SEO對于前端的要求并沒有很多，或者說，那個時候還沒有前端這個職業。頁面全部在服務器端由渲染好，不管是用戶還是蜘蛛過來，都能很友好的返回html。ajax似乎原本是為了避免有數據交互導致必須重刷頁面設計的，但是被大規模濫用，一些開發者不管三七二十一，所有數據都用ajax請求，使得蜘蛛不可以順利的獲取頁面內容。而慶幸的是這反倒促進了前端的飛速發展。

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

    URL設置要合理規范，層次分明。如果網站到了后期發現URL不合理需要重新替換時，會導致之前收錄的頁面失效，就是我們所說的死鏈（這種情況屬于死鏈的一種，404等也屬于死鏈）。所以一定要在網站建設初期就做好長遠的規劃。一旦出現這種情況也不要過于擔心，我們可以采取向搜索引擎投訴或者設置301跳轉的方式解決。

    URL層級嵌套不要太深，建議不超過四層。增加面包屑導航可以使頁面層次分明，也有利于為蜘蛛營造順利的爬取路徑。

    除此之外，將指向首頁的域名全部設置301跳轉到同一URL，可以避免分散權重。

    當蜘蛛把頁面抓取回去之后，就需要對頁面內容進行分析，并擇優收錄入庫。為什么說是擇優呢？下面我給你慢慢分析。

搜索引擎的目的是給用戶提供高質量的、精準的搜索結果。如果整個頁面充斥著滿滿的廣告和各種不良信息，這無疑會很大程度上影響用戶體驗。

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

    前端對于網站SEO有多重要,這個根本不用說,只能這樣來形容,做網站SEO離不開前端,做前端離不開SEO.為什么這么說?因為他們本身就應該是一體的?？偨Y就是做前端的小伙伴一定要學SEO，做SEO的小伙伴一定要學前端~