说一下Vue开发如何针对搜索引擎做SEO优化？SEO几种方案

说说Vue开发如何为搜索引擎做SEO优化？

VUE SEO的几种解决方案

众所周知，Vue SPA单页应用对SEO并不友好，当然也有相应的解决方案。

1、SSR 服务器渲染

Vue.js 是一个用于构建客户端应用程序的框架。默认情况下，可以在浏览器中输出 Vue 组件来生成 DOM 和操作 DOM。但是，也可以渲染相同的组件而不是服务器端的 HTML 字符串，将它们直接发送到浏览器，最后在客户端将这些静态标签“激活”为完全交互的应用程序。

服务器渲染的 Vue.js 应用程序也可以被认为是“同构的”或“通用的”，因为大多数应用程序的代码都可以在服务器和客户端上运行。

权衡：

优势：

不足的：

2、Nuxt 静态

Nuxt.js 框架官方介绍如下： 从头开始​​构建一个服务器渲染的应用程序是相当复杂的。幸运的是搜索引擎优化工具，我们有一个优秀的社区项目 Nuxt.js，它让一切变得非常简单。Nuxt 是一个基于 Vue 生态系统的更高级的框架，为开发服务端渲染的 Vue 应用程序提供了极其便捷的开发体验。更酷的是，您甚至可以将其用作静态站点生成器。

静态是 Nuxt.js 的另一种封装方式，是 Nuxt.js 的创新，页面加载速度非常快。

注意：当 Nuxt.js 执行静态打包时，动态路由会被忽略。

优势：

不足的：

3、 预渲染-spa-

如果您只是使用它来改善一些营销页面的 SEO（例如：/、/about、/etc =），那么您可能需要预渲染。与其使用 Web 服务器动态编译 HTML，不如使用预渲染在构建时简单地为特定路由生成静态 HTML 文件。优点是设置预渲染更容易，并且可以将您的前端作为一个完全静态的站点。

优势：

不足的：

4、用于爬虫处理

它是一个基于内核的无头浏览器，也就是没有UI界面，也就是说，它是一个浏览器，但是里面的点击、翻页等与人相关的操作需要程序设计和实现。

虽然“宣布终止开发”，但 Vue 的 SEO 处理已经很满意了。

这种解决方案实际上是一种旁路机制。原理是通过Nginx配置判断访问源UA是否为爬虫访问。如果有，将搜索引擎的爬虫请求转发给一个节点，然后通过它解析完整的HTML，返回给爬虫。

优势：

不足的：

5、总结

如果你建的是大型网站，比如商场，不要犹豫，直接去SSR服务器进行渲染。当然，还有相应的坑等着你。社区更成熟，英语更好，所有问题都可以轻松解决。

如果只是个人博客，公司官网，其他三个都可以。

如果你是针对已经用 SPA 开发并支持节点服务器的项目进行 SEO 优化的，请使用它。

已经开发了几个 VUE SSR 项目搜索引擎优化工具，目前正在维护中。从0到1的项目建设，Vue-SSR的开发和使用确实存在一些坑和问题，但是这些都是可以解决的，而且解决总是比难还难哈哈。