如何克服单页面应用程序的弱点？

Question

我想用vue、https://vuetifyjs.com/en/或https://coreui.io/vue/构建一个单页面应用程序。但也有文献指出，单页应用在SEO中并不是很好。所以我考虑使用它。也许最好的解决方案是使用多页应用程序。如果这是最好的选择，那么使用vue开发多页面应用程序的最佳技术是什么？API已经可用，所以我只使用它

请提供一些最佳选项。所以我可以有几个选择。谢谢

Answer 1

虽然其他人已经加入了SSR解决方案，但您可以采用的另一种方法是使用预渲染。prerender-spa-plugin是一个可以用于此目的的web包插件，它接受您想要呈现的路线，并为其生成HTML和JS文件。

还有Prerender.io，它拦截来自网络爬虫的请求，并在将其提供给爬虫之前预先呈现SPA。这项服务最多250个页面是免费的，几乎消除了开发人员的所有复杂性。

如果你是Vue新手，不想管理服务器端渲染的复杂性，或者不想使用Nuxt之类的东西来生成静态站点，那么这两个都是很棒的选择。

我工作的公司使用Nuxt (我们使用通用模式，也称为服务器端渲染)，但我们也非常满意它可以使用generate为我们的随机小项目进行静态站点渲染。请注意，这伴随着构建在Vue之上的另一个框架的复杂性，以及伴随而来的大量额外的障碍。

Answer 2

标准的VueJS-SPA对SEO不利，这是正确的，因为第一个HTML通常是空的，只有当Vue代码下载并执行时，您的页面才会动态呈现并挂载到客户端。

然而，使用Vue构建一个多页面(因为在每个路径中都会导致服务器发送一个全新的HTML页面)并不是真正可行的。

相反，我建议研究VueJS的服务器端渲染。这可以使用standard VueJS或NuxtJS等专门用于此领域的框架来实现。

这项技术的有效作用是，它将呈现用户在服务器上访问的第一个页面，并向下发送呈现的HTML。这将导致良好的SEO，因为爬虫每次都会收到一个重新渲染的HTML页面。对于随后的每一次页面导航，该站点将简单地表现为一个SPA。

Answer 3

使用SPA的SEO的一般解决方案是启用SPA的服务器端呈现。这是通过让您的HTTP服务器向客户端提供完全呈现的应用程序来实现的；而不是发送样板HTML，然后让客户端对应用程序包和诸如此类的东西发出后续请求。