我有一个我一直在开发的 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/