微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

如何使用客户端模板引擎(如AngularJS,Mustache,Handlebars)进行Facebook Open Graph友好元标记

根据我的测试,Facebook的抓取工具不像浏览器那样呈现客户端模板.

我想不惜一切代价避免使用Web服务器并为Open Graph对象构建HTML文件.我想通过URL动态生成标记,但似乎Facebook无法做到这一点.

有人可以通过Facebook确认吗?我在#mobiledevcon问Open Graph的负责人,她说Facebook可以渲染像{{value}}这样的东西

我的元标记如下,它们在每个浏览器中都可以正常显示.但Facebook Open Graph Debugger只能看到原始文本,而不是内插内容.

<Meta property="{{Meta.property}}" content="{{Meta.content}}">
当你考虑它时,应该清楚,为什么这不起作用.

Facebook抓取工具在服务器提供服务时下载HTML. Facebook抓取工具不会执行任何JavaScript,因为所有抓取工具都不会执行JavaScript.这是由于安全限制和速度原因(他们没有时间在他们的服务器上执行JavaScript.)

没有办法解决这个问题.如果您希望抓取工具为您的页面编制索引,则需要直接向他们提供您希望他们阅读的内容.

提示:您可以使用类似于phantom.js内容在服务器端呈现页面并将其提供给爬网程序.

原文地址:https://www.jb51.cc/angularjs/141688.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐