如何在聚合物中设置动态Meta标签和Open Graph标签？

我有一个聚合物节点网站，我一直在努力，无法弄清楚如何包含动态元标记和开放图形标记。 Jquery将无法工作，也不会使用聚合物api添加节点，因为它将在页面加载后添加所有标签，facebook将无法读取标签。 Google抓取工具会渲染页面，但最好是我可以在标题中设置说明。

grouppages设置数据并使用服务根据url填充页面，但我无法找到的是如何根据页面更改元标记。

有人有主意吗？

一个想法是获取信息服务器端并将其发送到聚合物但我仍然不确定节点和聚合物之间是否可能。

Answer 1

这绝对是一个开放的问题，它涉及在客户端生成元标记的任何方式，无论是Polymer还是任何其他前端代码。

只有爬虫执行JS时才能克服它。 2014年5月， Google开始这样做 。 另一方面，据我所知，Facebook尚未朝这个方向发展。

您可能想查看其他两个答案以获得完整的图片：

• https://stackoverflow.com/a/16485238/570016
• https://stackoverflow.com/a/25421037/570016

截至今天，唯一100％可靠的方法是服务器拦截爬虫并在发送响应之前专门为它们呈现内容。 这也是同形JavaScript的结果 。 已经有一些有用的工具可以支持这些任务，比如Prerender 。

希望这可以帮助！ 干杯

Answer 2

如果您使用Firebase托管Polymer应用程序，则可以使用Firebase http触发器函数预渲染index.html文件。

 exports.host = functions.https.onRequest((req, res) => { // replace og-tags in the index.html file and return it }); 

有关详细信息，请参阅此post 。