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

ahe*_*bib 9 javascript jquery polymer polymer-1.0

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

<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>
Run Code Online (Sandbox Code Playgroud)

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

有人有主意吗?

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

Pen*_*ica 3

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

只有爬虫执行JS才能克服这个问题。2014 年 5 月,Google 开始这样做。另一方面,据我所知Facebook还没有朝这个方向发展。

您可能想查看其他两个答案以获得完整的了解:

截至目前,唯一 100% 可靠的方法是服务器拦截爬虫并在发送响应之前专门为它们呈现内容。这也称为同构 JavaScript。已经有一些有用的工具来支持此类任务,例如Prerender

希望这可以帮助!干杯