前段時間在去進(jìn)行工作面試的時候棺克，有被問到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兩方面；為了從搜索引擎中獲得更多的免費(fèi)流量馏鹤，從網(wǎng)站結(jié)構(gòu)征椒、內(nèi)容建設(shè)方案、用戶互動傳播湃累、頁面等角度進(jìn)行合理規(guī)劃勃救，還會使搜索引擎中顯示的網(wǎng)站相關(guān)信息對用戶來說更具有吸引力。
前端對于SEO有什么要注意的：
合理的title治力、description蒙秒、keywords：搜索對著三項的權(quán)重逐個減小，title值強(qiáng)調(diào)重點(diǎn)即可宵统，重要關(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)容的等價描述国章，用于圖片無法加載時顯示具钥、讀屏器閱讀圖片∫菏蓿可提圖片高可訪問性骂删，除了純裝飾圖片外都必須設(shè)置有意義的值，搜索引擎會重點(diǎn)分析）
- 提高網(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是漸進(jìn)式的，可以讓頁面的一部分作為Vue代碼使用的部分坐榆∷┢牵或者就是使用Vue專門針對SEO需求的另一個框架，SSR服務(wù)端渲染席镀。
