搜索引擎優(yōu)化指為了提升網(wǎng)頁在搜索引擎自然搜索結(jié)果中（非商業(yè)性推廣結(jié)果）的收錄數(shù)量以及排序位置而做的優(yōu)化行為，是為了從搜索引擎中獲得更多的免費(fèi)流量，以及更好的展現(xiàn)形象。當(dāng)然如果是sem就不必那么費(fèi)神了。

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

故而有如下要求：

網(wǎng)站結(jié)構(gòu)要清晰。一般網(wǎng)站的結(jié)構(gòu)是樹形的，一般分為三個層次：首頁 → 頻道頁（列表頁） → 文章頁（詳情頁）。

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

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

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

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

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

合適的description，描述介紹是對網(wǎng)頁內(nèi)容的精練概括。這個標(biāo)簽存在與否不影響網(wǎng)頁權(quán)值，只會用做搜索結(jié)果摘要的一個選擇目標(biāo)。為每個網(wǎng)頁創(chuàng)建不同的description，避免所有網(wǎng)頁都使用同樣的描述網(wǎng)站首頁、頻道頁、產(chǎn)品參數(shù)頁等沒有摘要的網(wǎng)頁*適合使用description準(zhǔn)確的描述網(wǎng)頁，不要堆砌關(guān)鍵詞，長度合理

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

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

通過以上的方法已經(jīng)將HTML的請求時間穩(wěn)定在2s左右。以上就是我想講的關(guān)于前端vue編碼SEO的大致基礎(chǔ)型的內(nèi)容，然而我們是不推薦seo采用vue架構(gòu)的。這不是一個正確的方向。懂技術(shù)的都懂。