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

Question

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

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

知道怎么做吗？

感谢您的帮助。

Answer 1

如果您想让搜索引擎发现您的 React 页面，您有两种选择：服务器端呈现 (SSR) 或预呈现。

服务器端渲染：

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

预渲染

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