单页应用程序中的动态打开图形标签

Question

我正在尝试在我的 reactjs 应用程序中注入 op:tags。我遇到了https://github.com/nfl/react-helmet，它像我想要的那样动态地将标签注入到我的 index.html 标题中。问题是，它在头部的末尾注入了标签，因此 facebook 调试器 here 无法识别。当 ogen 图标签出现在脚本标签之前的标题开头时，它可以工作。然而，使用 reac-helmet，它会将它们注入到最末端。请问我如何最好地解决这个问题？我正在尝试在社交媒体上进行文章预览，但这只是因为安排而失败。任何帮助将不胜感激。

Answer 1

嗯，我觉得不是安排的原因。

据我所知，FB 不会在提供的 URL 中执行 javascript 代码。

Facebook 的抓取工具只会查看您页面的 HTML 代码；它不是一个可以执行任何客户端代码的成熟“浏览器”。

话虽如此。无论您需要什么元标记，都无法通过客户端的 JS 完成。它必须是服务器端渲染的。

我不确定您使用什么技术来服务这个应用程序，但我可以假设它是一个反应应用程序。通过小型快递服务器很容易处理这个问题。甚至为应用程序提供正确的元标记。