搜索引擎優化指為了提升網頁在搜索引擎自然搜索結果中（非商業性推廣結果）的收錄數量以及排序位置而做的優化行為，是為了從搜索引擎中獲得更多的免費流量，以及更好的展現形象。當然如果是sem就不必那么費神了。

要了解SEO，必須了解搜索引擎的工作原理，重要的tdk是每個優化師都必須掌握的基礎知識，其原理是比較復雜，流程簡化如下：一般爬蟲抓取頁面內容是先從一個頁面出發，從中提取出其他頁面的鏈接，然后當作下一個請求的對象，一直重復這個過程。所以要有良好的SEO，需要你在各大網站上擁有外鏈，這樣會提高你的網站被搜索引擎爬蟲的幾率。爬蟲拿到HTML之后，就會對其內容進行分析。一般需要進行去雜、分詞、簡歷索引數據庫。什么是索引數據庫呢？簡單地說就是記錄一個詞在哪些文檔中出現、出現次數、出現的位置等等。為什么要簡歷索引數據庫呢？是為了快速查找。搜索會根據你輸入的關鍵詞，分別查詢其對應的索引數據庫，并對結果進行處理和排序。

故而有如下要求：

網站結構要清晰。一般網站的結構是樹形的，一般分為三個層次：首頁 → 頻道頁（列表頁） → 文章頁（詳情頁）。

網站的結構要扁平。結構層數越少越好，一般不要超過三層，搜索引擎一般到了第三層就不想繼續深入地爬取了。多數的網站，例如掘金、雪球等，他們的網站結構是兩層，他們的首頁和頻道頁是同一個頁面。頁面應該要有簡明的導航。導航可以讓搜索引擎知道網站的結構，也可以讓搜索引擎知道當前頁面在網站結構所在的層次。每一個頁面都包含NAV導航。對于內容較多的網站可以采用面包屑導航。鏈接使用文字鏈接，如果是圖片，則通過alt屬性告知搜索引擎鏈接的指向。規范、簡單、易理解的URL能讓搜索引擎更好地抓取內容。建議：同一個頁面，只對應一個url。多個url可以采用301進行重定向。url盡量簡短。盡量減少動態url中包含的變量參數。

Sitemap 可推送搜索引擎他們網站上有哪些可供抓取的網頁，以便搜索引擎可以更加智能地抓取網站。

搜索引擎爬行網站**個訪問的文件就是robots.txt。在這個文件中聲明該網站中不想被蜘蛛訪問的部分，這樣，該網站的部分或全部內容就可以不被搜索引擎訪問和收錄了，或者可以通過robots.txt指定使搜索引擎只收錄指定的內容。

如果站點臨時關閉，當網頁不能打開時，建議使用503狀態。503可以告知百度spider該頁面臨時不可訪問，請過段時間再重試。如果百度spider對您的站點抓取壓力過大，請盡量不要使用404，同樣建議返回503。這樣百度spider會過段時間再來嘗試抓取這個鏈接，如果那個時間站點空閑，那它就會被成功抓取了。有一些網站希望百度只收錄部分內容，例如審核后的內容，累積一段時間的新用戶頁等等。在這種情況，建議新發內容暫時返回403，等審核或做好處理之后，再返回正常狀態的返回碼。

標題title是告訴搜索引擎網頁的主要內容。是非常重要的。每個網頁應該有一個獨一無二的標題，切忌所有的頁面都使用默認標題。標題要主題明確和精練，包含這個網頁中*重要的內容，且不羅列與網頁內容不相關的信息用戶瀏覽通常是從左到右的，重要的內容應該放到title的靠前的位置。

合適的description，描述介紹是對網頁內容的精練概括。這個標簽存在與否不影響網頁權值，只會用做搜索結果摘要的一個選擇目標。為每個網頁創建不同的description，避免所有網頁都使用同樣的描述網站首頁、頻道頁、產品參數頁等沒有摘要的網頁*適合使用description準確的描述網頁，不要堆砌關鍵詞，長度合理

當前對于SEO支持比較好的項目方案是采用服務端渲染。所以如果項目有SEO需求，那么比較好的方案是服務端渲染。如果你已經采用了前后分離的單頁項目，而你的網站內容不需要AJAX去獲取內容和展示內容，那么可以試試prerender-spa-plugin這個插件，這個插件是一個webpack插件，可以幫助你在打包過程中通過無頭瀏覽器去渲染你的頁面，并生成對應的HTML。當然這個方案適合你的路由是靜態的，并且路由數量非海量。

如果你的內容是AJAX動態獲取的，那么vue單頁項目可以試試prerender,這個是一個預渲染服務，可以幫你通過無頭瀏覽器渲染頁面，并返回HTML。這個方案和prerender-spa-plugin很相似，都是通過無頭瀏覽器去渲染頁面，不同的是渲染的時機，prerender-spa-plugin是在打包過程中渲染，注定了其只能渲染靜態路由，而prerender 是在請求時渲染，所以可以渲染動態的路由。請自行百度查案相關的教程。這里不再詳細介紹。

通過以上的方法已經將HTML的請求時間穩定在2s左右。以上就是我想講的關于前端vue編碼SEO的大致基礎型的內容，然而我們是不推薦seo采用vue架構的。這不是一個正確的方向。懂技術的都懂。