javascript - 如何在 polymer 中设置动态 Meta 标签和 Open Graph 标签?

标签 javascript jquery polymer polymer-1.0

我有一个我一直在开发的 polymer 节点站点,但我不知道如何包含动态元标记和开放图谱标记。 Jquery 不会工作,也不会使用 polymer api 添加节点,因为它会在页面加载后添加所有标签,而 facebook 将无法读取标签。 Google 抓取工具确实会呈现该页面,但最好是我可以在 header 中设置描述。

<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 ,但我仍然不确定节点和 polymer 之间是否可行。

最佳答案

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

只有爬虫执行JS才能克服。 2014年5月Google started doing so .另一方面,据我所知,Facebook 还没有朝这个方向发展。

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

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

希望对您有所帮助!干杯

关于javascript - 如何在 polymer 中设置动态 Meta 标签和 Open Graph 标签?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34143688/

相关文章:

javascript - 如果 ID 不可用,则重定向到其他页面

javascript - 如何将javascript值分配给jsp页面中的jsp变量

javascript - JQuery Knockout ComputedObservable Write 没有被 ObservableArray 调用

javascript - 无法使用 JavaScript 设置样式属性

javascript - 当 "resizable"元素隐藏/取消隐藏(如文档中所述)时, polymer IronResizableBehavior 铁调整大小事件不会触发

javascript - 如何使用 jquery mobile、phonegap 关闭应用程序后加载主页

javascript - Jquery preventDefault 仅用于父链接

javascript - 单击后禁用单选按钮

javascript - 当组件准备就绪时,如何在 Polymer 中动态注册新属性?

javascript - polymer 和 x-tag 与 vanilla js 的比较