禁用js时在reactjs中设置动态元标记

Question

我在使用 google 爬虫和元标记时遇到了一些问题，我正在使用 reactjs 和 react-helmet（无 ssr）。 React-helmet 确实有效，但谷歌搜索似乎找不到我添加的标签。我知道爬虫确实在没有启用 js 的情况下运行网站，在测试时我可以看到 react-helmet 在禁用 js 时不会呈现标签（启用时工作正常）。

在禁用 js 时 react-helmet 不渲染标签的事实可能是谷歌搜索中描述和标题错误的原因。也许在禁用 js 时找到一种呈现正确标签的方法可能会解决问题。

你知道怎么做吗？

感谢您的帮助。

Answer 1

如果你想让你的 React 页面在搜索引擎上被发现，你有两种选择：服务器端渲染 (SSR) 或预渲染。

服务器端渲染：

React 可以在服务器端呈现页面，使搜索引擎爬虫更容易发现和索引您的内容。但是，它需要使用像 Next.JS 这样的库以及额外的耗时且昂贵的服务器进行更高级的设置。

预渲染

同时，使用Prerender 既轻松又简单。他们的软件将无缝地为您的网站创建完全渲染的静态 HTML 版本，用于社交媒体、搜索引擎爬虫等。 但是，您必须在服务器上安装 Prerender.io 中间件。