产品部这周给了我如下需求,在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 应用编号。 |