VUEJS 中的 SEO 页面？然后其他解决方案迁移到 NUXTJS？

Posted 2023-02-16

【中文标题】VUEJS 中的 SEO 页面？然后其他解决方案迁移到 NUXTJS？

【英文标题】：SEO pages in VUEJS? Other solutions then migrate to NUXTJS?

【发布时间】：2022-01-14 01:50:02

【问题描述】：

我们正在构建一个 vuejs 应用程序。我读了很多关于SEO页面的问题，最好的解决方案是将应用程序迁移到nuxtjs并创建s-s-r SEO页面？

这是最好的方法还是其他解决方案？

最佳推荐

【参考方案1】：

在 SEO 的情况下，几乎所有单页应用程序 (SPA) 的 SEO 都很差。这是因为搜索引擎索引机器人无法完全呈现这类网站页面，并且这些机器人无法使用元标记和元描述以及页面内容等内容。所以你有两个解决方案：

1- 将所有网页转换为静态 html 文件。通过这种方式，您的页面是完全静态的并且完全加载，因此机器人可以检测到所有内容。但顾名思义，静态页面可能不是很有用，因为您知道它们是静态的。

2- 使用 s-s-r（服务器端渲染），为此您需要使用 NUXT 之类的东西。但问题是，您需要在 nodejs 环境中部署您的 nuxt 应用程序。这么多共享主机无法完成这项工作。一般来说，如果你真的关心 SEO，SSO 是一个很好的解决方案，但是你需要那个 node js 服务器来渲染你的代码并将结果返回给客户端（比如机器人和用户）

【讨论】：

或使用 prerender.io 之类的预渲染服务

还有第三个选项，介于两者之间；您使用排除动态数据的静态脚手架预渲染页面。这些预渲染的 html 页面位于服务器上，可以被 SEO 机器人抓取。当用户加载页面时，首先发送静态预渲染 html，然后是hydrated，即输入动态数据。 Vue 有预渲染库。一个缺点是静态页面骨架有时在被数据补充之前是可见的，导致闪烁或可能降低用户体验（如果动态数据太大）。