前段時間在去進行工作面試的時候，有被問到Vue如何解決SEO的問題，當(dāng)時被問到了后面便去在網(wǎng)上找了找相關(guān)的資料看了看。
然后就在這個地方給大家分享一下。
首先SEO是什么：
SEO（Search Engine Optimization）：漢譯為搜索引擎優(yōu)化。是一種方式：利用搜索引擎的規(guī)則提高網(wǎng)站在有關(guān)搜索引擎內(nèi)的自然排名。目的是：為網(wǎng)站提供生態(tài)式的自我營銷解決方案，讓其在行業(yè)內(nèi)占據(jù)領(lǐng)先地位，獲得品牌收益；SEO包含站外SEO和站內(nèi)SEO兩方面；為了從搜索引擎中獲得更多的免費流量，從網(wǎng)站結(jié)構(gòu)、內(nèi)容建設(shè)方案、用戶互動傳播、頁面等角度進行合理規(guī)劃，還會使搜索引擎中顯示的網(wǎng)站相關(guān)信息對用戶來說更具有吸引力。
前端對于SEO有什么要注意的：
合理的title、description、keywords：搜索對著三項的權(quán)重逐個減小，title值強調(diào)重點即可，重要關(guān)鍵詞出現(xiàn)不要超過2次，而且要靠前，不同頁面title要有所不同；description把頁面內(nèi)容高度概括，長度合適，不可過分堆砌關(guān)鍵詞，不同頁面description有所不同；keywords列舉出重要關(guān)鍵詞即可
- 語義化的HTML代碼，符合W3C規(guī)范：語義化代碼讓搜索引擎容易理解網(wǎng)頁
重要內(nèi)容HTML代碼放在最前：搜索引擎抓取HTML順序是從上到下，有的搜索引擎對抓取長度有限制，保證重要內(nèi)容一定會被抓取。 - 重要內(nèi)容不要用js輸出：爬蟲不會執(zhí)行js獲取內(nèi)容
- 少用iframe：搜索引擎不會抓取iframe中的內(nèi)容
- 非裝飾性圖片必須加alt（通常當(dāng)鼠標(biāo)滑動到元素上的時候顯示alt是<img>的特有屬性，是圖片內(nèi)容的等價描述，用于圖片無法加載時顯示、讀屏器閱讀圖片?？商釄D片高可訪問性，除了純裝飾圖片外都必須設(shè)置有意義的值，搜索引擎會重點分析）
- 提高網(wǎng)站速度：網(wǎng)站速度是搜索引擎排序的一個重要指標(biāo)。
Vue如何解決對于SEO的問題呢？
- 頁面預(yù)渲染
- 服務(wù)端渲染
- 路由采用h5 history模式
我當(dāng)時是找到了這三種方式，具體是從哪看到的我也記不大清楚了。
但是當(dāng)時我在知乎上搜索到有關(guān)于Vue作者尤雨溪的回答。
所以對于Vue構(gòu)建項目的時候，且又考慮SEO問題的時候，可以不用必須使用CLI全家桶，不是用SPA單頁面應(yīng)用，局部的使用Vue也是可以的。畢竟在Vue官方文檔的介紹視頻里面，就介紹了Vue是漸進式的，可以讓頁面的一部分作為Vue代碼使用的部分?；蛘呔褪鞘褂肰ue專門針對SEO需求的另一個框架，SSR服務(wù)端渲染。
