钉钉聊天中链接转卡片服务

最新详细信息可以参考钉钉官方文档：https://open-doc.dingtalk.com/microapp/faquestions/ftpfeu

---

钉钉支持消息聊天窗口内输入或者粘贴链接 自动转换为链接卡片消息

效果如下

实现原理

钉钉会尝试抓取和分析钉钉APP输入框中的Html链接内容，并根据Open Graph Data协议提取其中的标签作为分享标签的内容。

Open Graph Data协议是一套Metatags的规格（以下简称OGP），用来标注你的页面，告诉我们你的网页快照。帮助社交app高效、准确的获取网页中核心的链接、标题、主图、正文摘要信息，使得该网页在社交分享中有更好的展现体验。

如果网页不支持OGP，那么智能基于算法和规则来提取网页中标题、主图、正文摘要，准确性无法做到100%，体验也不能充分保证。尤其是有部分页面html采用前端js渲染，而不是服务端渲染，会导致无法提取主图、正文摘要，链接卡片体验比较糟糕。

如何适配Open Graph Data

你只需要在页面的Html标签中增加以下meta标签即可

tags of your website -->

注意事项

上述Metatags必须在服务端渲染，不能由前端js渲染。原因是出于性能和体验考虑，链接转卡片服务不支持执行HTML中的js。

参考示例

可以参考网站https://slack.com

如何验证效果

使用钉钉APP，在输入框输入或者粘贴你要测试的链接， 检查显示的标签是否正确

参考资料

支持OGP的网页：

钉钉首页：https://www.dingtalk.com/

Slack:https://slack.com

小影，短视频app：http://xiaoying.tv/v/z7o2nz/1/

技术文章：https://www.elephate.com/blog/what-is-tf-idf/

Must-Have Social Meta Tags for Twitter, Google+, Facebook and More

OGP 该链接需要科学上网才能访问。

参考资料

Must-Have Social Meta Tags for Twitter, Google+, Facebook and More

OGP 该链接需要科学上网才能访问。