vue的SEO問題

首先，能夠確定的是先後端分離不利於SEO，爲何呢？

1. 搜索引擎的基礎爬蟲的原理就是抓取你的url，而後獲取你的html源代碼並解析。 而你的頁面一般用了vue等js的數據綁定機制來展現頁面數據，爬蟲獲取到的html是你的模型頁面而不是最終數據的渲染頁面，因此說用js來渲染數據對seo並不友好。
2. seo 本質是一個服務器向另外一個服務器發起請求，解析請求內容。但通常來講搜索引擎是不回去執行請求到的js的。也就是說，若是一個單頁應用，html在服務器端尚未渲染部分數據數據，在瀏覽器才渲染出數據，而搜索引擎請求到的html是沒有渲染數據的。 這樣就很不利於內容被搜索引擎搜索到。 因此服務端渲染就是儘可能在服務器發送到瀏覽器前 頁面上就是有數據的。
3. 通常的數據邏輯操做是放在後端的。排序這個若是僅僅是幾條數據，先後端排序開起來是同樣的，若是是有1000條數據，前端要排序就要都請求過來。這樣顯然是不合理的。

無心間看見vue做者在知乎是這麼說的

可是，對於像vue這種先後端分離的開發，咱們仍是可以經過其餘技術優化的。經常使用的解決方案有三種：

1. 頁面預渲染
2. 服務端渲染
3. 路由採用h5 history模式

第一，ssr,這是一套完整的構建vue服務端渲染應用的指南，具體參考https://cn.vuejs.org/v2/guide/ssr.html 第二，vue-meta-info，這個是針對單頁面的meta SEO的另外一種思路，參考網站 zhuanlan.zhihu.com/p/29148760 第三，nuxt 簡單易用 zh.nuxtjs.org/guide/insta… 第四，phantomjs 預渲染 phantomjs.org

關於收錄問題： 網站收錄，搜索引擎在爬取你的網頁之後，經過對網頁內容進行檢測，將符合收錄規則的網頁存庫。所以該網頁將會出如今與網頁內容相關的查詢的搜索結果中。 搜索引擎判斷一個網站權重高低的尺度無非兩個：收錄和外鏈。所以百度收錄的高低很大程度上影響着網站在百度的排名。（這個我也不是很清楚，可是看掘金真的是一個很好的案例，值得咱們思考）

用vue作出來的成功案例還有不少 1） www.bilibili.com （bilibili）
2） m.sohu.com （手機搜狐網）
3） juejin.im/timeline （掘金）
4） element.eleme.io/#/en-US （2）
5） classics.autotrader.com （New&Used Classic Car for sale）
6） qiqu.uc.cn （奇趣百科）
7） m.uhouzz.com/apartments （異鄉好居） 2. Vue網站SEO分析
1） bilibili作了基本的seo優化，好比
（1）TDK描敘詳細。
（2）提高網頁加載速度：對外聯css,以及js使用了延遲加載以及dns-prefetch，preload。
（3）外聯較多，關鍵詞排名高。
2） 掘金網站使用了vue-meta-info 管理網站的meta，應該配合使用了prerender-spa-plugin 對SEO進行了優化。
3） Element在logo上加了首頁的地址，而且只有logo是放在h1標籤中。
4） 有一些流量不過高的網站好比http://www.marshall.edu （Marshall University）作了seo社會化分享優化，在meta信息中出現了property=」og:title」這種新東西；we.dji.com/zh-CN/campu… （大疆招聘）使用了Nuxt 3. 網站中出現率最高的公共組件或公共方法
1） 麪包屑導航
2） Icon
3） 搜索框
4） Button組件

這只是我片面的分析，具體狀況咱們還要根據網站定位，開發成本，後期的維護成本等綜合考慮，可是我以爲掘金真的是一個很是成功的案例，既然有人給咱們邁出了這一步，咱們也要緊跟潮流，畢竟互聯網是一個與時俱進的行業。若是咱們永遠停留在傳統的混合開發，也會給咱們的公司，給咱們我的帶來一些影響。