在 Javascript 中设置元标记是否可以在没有服务器端渲染的情况下工作？

Question

我正在开发一个单页应用程序，每个页面都应该有不同的开放图形元标记。

看起来像react-helmet这样的工具只是使用像element.setAttribute这样的 JavaScript 函数来在页面之间转换时更新元标记。

我的问题是：这在没有服务器端渲染的情况下可以工作吗？ 因为在这种情况下，您将拥有一组“默认”元标记，然后在加载页面时，客户端路由将确定您实际在哪个页面上，然后 Javascript 将在onPageLoad处理程序中设置正确的元标记。

也就是说，如果您检查页面的来源，元标记将只是默认值，但如果某些爬虫等待页面加载然后检查新的元标记，它们会看到正确的值。

我不使用服务器端渲染。 在没有服务器端渲染的情况下使用 react-helmet 之类的东西是浪费时间吗？ 如果我在 Slack 或 Discord 上链接我的页面，它会简单地检查源以确定元标记，还是等待页面加载然后获取通过 Javascript 设置的较新的元标记？

我想我会先问而不是先测试，因为如果甚至不支持此功能并且有人已经知道，那么开发此功能并将其投入生产是一项可观的工作。

Answer 1

尝试实现http://prerender.io/ - 这将检测爬虫，缓存适当的站点并提供适当的站点。