Javascript 如何在聚合物中设置动态元标记和开放图形标记?

Javascript 如何在聚合物中设置动态元标记和开放图形标记?,javascript,jquery,polymer,polymer-1.0,Javascript,Jquery,Polymer,Polymer 1.0,我有一个我一直在研究的聚合节点站点,但不知道如何包含动态元标记和开放图标记。Jquery将无法工作,使用polymer api添加节点也无法工作,因为它将在页面加载后添加所有标记,facebook将无法读取标记。谷歌爬虫确实呈现页面,但如果我能在标题中设置描述,那将是最好的 <html> <head> <meta name="description" content="description goes here" /> <meta p

我有一个我一直在研究的聚合节点站点,但不知道如何包含动态元标记和开放图标记。Jquery将无法工作,使用polymer api添加节点也无法工作,因为它将在页面加载后添加所有标记,facebook将无法读取标记。谷歌爬虫确实呈现页面,但如果我能在标题中设置描述,那将是最好的

<html>
  <head>
    <meta name="description" content="description goes here" />
    <meta property="og:title" content="title"/>
  </head>
  <body>
    <group-pages id="grouppages" is="dom-bind"></group-pages>
  </body>
</html>


grouppages设置数据并使用服务根据url填充页面,但我不知道如何根据页面更改元标记

有人有什么想法吗


一个想法是从服务器端获取信息并将其发送到polymer,但我仍然不确定node和polymer之间是否可能这样做。

这肯定是一个开放的问题,它涉及到在客户端生成元标记的任何方式,无论是polymer还是任何其他前端代码

只有当爬虫程序执行JS时,它才能被克服。2014年5月。另一方面,据我所知,Facebook还没有朝这个方向发展

您可能需要查看以下两个答案以了解完整情况:

到目前为止,唯一100%可靠的方法是服务器拦截爬虫,并在发送响应之前专门为它们呈现内容。这也是knwon as。现在已经有了一些有用的工具来支持这些任务,比如


希望这有帮助!干杯

如果您使用Firebase托管Polymer应用程序,您可以使用Firebase函数预渲染index.html文件

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

有关更多信息,请参阅。

这是我找到的最好的!已经有一段时间了,但我认为@jFathi的答案最适合聚合物。非常好的教程,我正在尝试实现它。只有一个问题,当我试图为更新后的index.html提供服务时,不断出现“access Control Allow Origin”错误。我知道错误的原因,但不知道如何解决。我试过cors,但无法解决。如果您能评论或回答我的问题,我将不胜感激。完成。您是否将重写添加到您的
firebase.json
文件中?是的,我添加了,但仍然没有看到正在调用的函数。我在问题中添加了更多信息。谢谢你的帮助。