Open Graph 分享预览

产品部这周给了我如下需求，在twitter,skype,telegram中用户分享网站的链接时会生成一张小卡片

大概是这个这样子

那么我们如何完成这个需求呢？

Facebook定义了名为Open Graph 协议，网页在meta标签定义OG的属性，而社交软件则读取meta中的属性，显示卡片

名称	说明
og:url	对象的网址，即权威链接。通常是放置属性标签的页面的网址。不应包含任何会话变量、用户识别参数或计数器。请使用此标签的权威链接，否则赞和分享会分散到网址的所有变体中。
og:title	对象的标题、标题行或名称。
og:description	对象的简短说明或摘要。
og:image	对象的图片网址。图片应至少为 600×315 像素，但最好是 1200×630 像素或更大的尺寸（大小不超过 5MB）。将长宽比保持在 1.91:1 左右，以避免裁剪。游戏图标应为正方形，且至少为 600×600 像素。如果有多个可用的分辨率，可以添加多个 og:image 标签。如果在发布图片后更新了图片，请使用新网址，因为系统会根据之前的网址缓存图片，可能不会更新图片。
fb:app_id	网站应用的 Facebook 应用编号。