首先，可以肯定地假设前端分离对 SEO 不利，为什么？

搜索引擎爬虫的基本爬虫原则是爬取您的 URL，然后获取您的 HTML 源代码并对其进行解析。但是，你的页面通常使用 VUE 等 JS 数据绑定机制来展示页面数据，爬虫获取的 HTML 是你的模型页面，而不是最终数据的渲染页面，所以使用 JS 渲染数据对 SEO 并不友好。SEO 的本质是一台服务器向另一台服务器发起请求并解析请求的内容。但一般来说，搜索引擎不会返回执行请求的 JS。换句话说，如果单页应用程序没有在服务器端呈现部分数据，则 HTML 仅在浏览器中呈现，而搜索引擎请求的 HTML 不会呈现数据。这对搜索引擎搜索的内容非常不利。所以服务器端渲染就是在服务器将数据发送到浏览器之前尝试在页面上有数据。典型的 data 操作位于后端。如果只有几条数据，则前后端排序相同，如果有 1000 条数据，则前端将不得不请求所有数据。这显然是不合理的。

我无意间看到 vue 的作者在知乎里这么说

但是，对于像 Vue 这样的 开发，我们能够使用其他技术对其进行优化。有三种常用的解决方案：

页面预渲染服务器以 H5 方式渲染路由

首先是 ssr，这是一套完整的搭建 vue 服务端渲染应用的指南，参考第二个，vue-meta-info，这是单页元 SEO 的另一个思路，参考网站 /p/，nuxt 简单好用 //...四、预渲染

关于收录问题：网站收录，抓取你的网页后，搜索引擎会通过检测网页内容来存储符合收录规则的网页。因此，该页面将显示在与页面内容相关的查询的搜索结果中。搜索引擎判断网站权重的标准只有两个：包含和外部链接。因此，百度收录的好坏对网站在百度的排名影响很大。（我不是很了解这一点，但看看掘金真的是一个很好的案例，值得思考）。

vue 已经创造了更多的成功案例： 1） （） 。

2）（移动 ）。

3） .im/（掘金）。

4） （2）

5） （出售新车和二手车）

6） （好奇百科全书）。

7） / （生活在异国他乡）2.vue： 网站 SEO 分析

1） 做了基本的 SEO 优化，比如

：

（1） TDK 对此进行了详细描述。

（2） 提高网页加载速度：对外 CSS 和 JS 使用延迟加载和 DNS-,。

（3） 外展更多，关键词排名高。

2） 掘金网站使用 vue-meta-info 来管理网站的元，应该使用 -spa- 进行 SEO 优化。

3） 在 logo 中添加首页地址，H1 标签中只放置 logo。

4）有一些流量不高的网站，比如（ ）做了SEO社交分享优化，而=“og：”是元信息中的新事物;/zh-CN/...（DJI ） 已使用。您网站中出现频率最高的公共组件或公共方法

1） 面包屑导航

2） 图标

3） 搜索框

4） 组件

这只是我片面的分析，具体情况我们也得根据网站定位、开发成本、后期维护成本等来考虑，但我觉得掘金真的是一个非常成功的案例，既然有人替我们迈出了这一步，我们也必须紧跟潮流，毕竟互联网是一个与时俱进的行业。如果我们永远停留在传统的混合开发中，也会对我们公司、我们个人产生一些影响。