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

时间:2020-03-07 12:32:29

标签: facebook-opengraph react-helmet

我正在尝试在我的reactjs应用中注入op:tags。我碰到了https://github.com/nfl/react-helmet,它像我想要的那样动态地将标签插入index.html标头突出。问题是,它在头的末端注入了标签,因此Facebook调试器here无法识别。当源图形标签恰好出现在脚本标签之前的标头开头时,它将起作用。但是使用reac头盔时,会将其注入到最末端。请我如何最好地解决这个问题?我正在尝试在社交媒体上预览文章,但由于这种安排而失败了。任何帮助将不胜感激。

1 个答案:

答案 0 :(得分:-1)

嗯,我不认为这是因为安排。

据我所知,FB没有在提供的URL中执行javascript代码。

Facebook的抓取工具仅查看您页面的HTML代码;它不是可以执行任何客户端站点代码的成熟的“浏览器”。

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

我不确定您为该应用程序使用了什么技术,但是我可以假设它是一个React应用程序。而且通过小型快递服务器可以轻松处理此问题。甚至还为应用提供了正确的meta标签。