看到很多前端大佬们的回答，作为一个SEOer，我也从SEO的角度来凑个热闹。

为什么有这个问题？我们用最好理解的方式来说：

因为SEO有个最基本的要求，就是相关内容（例如：信息流的列表部分，或者新闻的正文部分），必须对搜索引擎的爬虫可见。

可以用模拟抓取工具看一下：

爱站（自己搜下，平台提示不能放网址，我去掉了）等网站提供类似下面这个模拟抓取工具：

懒得这么查的的话，在浏览器预览的时候，查看源代码瞄一眼有没有正文的文本显示也行。

也就是说，在SEOer的眼里，你用react还是用vue还是用别的什么，我们无所谓的，

但是需要页面内容能被抓取到。

然后，问题就来了：

正常来说比如前端使用了VUE，单页面SPA应用就是实时渲染的，爬虫都爬不到，后续SEO确实没法进行。*因为客户端渲染全部依赖于虚拟DOM，而搜索引擎爬不到虚拟DOM

一方面，我们作为一家正经的SEO公司，必然会碰到不少网站使用了题主说特别火的React和Vue这样的技术。

另外一方面，我们也是Prismic在中国唯一一家合作伙伴，有时候帮助客户使用 Prismic开发网站的时候，自己也要使用react。而这些Prismic的网站，在建成以后，是需要进行SEO的。

所以或多或少也有一些小经验可以分享，帮助前端大佬们少踩一些SEO的坑。

先说Coder很容易就想到的一个坑：

千万别针对爬虫，单独写另外一套页面。也就是爬虫看到的和用户看到的不一样。

这就是搜索引擎明确禁止的作弊。会带来搜索引擎的惩罚和降权。

那么SEOer推荐的方式是什么呢？

方式一：

一个通用的解决方案，就是把SEO落地页“静态化”

这个很多实现方式，

比如说，使用预渲染（prerender-spa-plugin），在构建时简单地生成针对特定路由的静态 html 文件。

方式二：

如果真的你不喜欢静态化的方式，好消息是VUE也提供了一个推荐的解决方案：

也就是Server-Side Rendering (SSR)

详情可以参考这个链接：

https://vuejs.org/guide/scaling-up/ssr.html

实际执行的过程中，也会有点小麻烦，比如对Vue的版本有要求，并且需要Node.js server 运行环境

React的解决方式其实也一样，可以参考这篇文章：

《Designing a Customizable, SEO-Optimized Personal Website With React + Next.JS》

另外，透过现象看本质，这个问题我们也可以理解为一个新的问题：

作为一个网站开发者，在开发过程中，我怎么做，才能最大程度的对SEO友好

这个问题写完，我甚至有些激动。

这真是一个好问题啊，

这个问题解决以后，我们SEOer就可以少很多工作量（失业一批？）

这么多年来，我们SEO组和前后端程序的同事，讨论过很多次，并且也在网上看了很多相关资料心得，总结出来以下规范：

也就是您可以按照这个来，就能愉快的和SEO的小伙伴们一起玩耍啦.

如果您对SEO有问题，欢迎随时和我沟通交流，可以通过下面的卡片加我微信：

我是一个SEOer，您的点赞是我持续在知乎与您做技术分享的动力，如果觉得有帮助，给我点个赞哦！