你是否曾在社交媒体帖子中将鼠标悬停在某个 URL 上，却只看到网站标志的模糊版本或根本没有图片？
这就是 Open Graph 的作用。这是一个源自 Facebook、已有十年历史且已被其他社交媒体平台采用的协议。该协议允许网站控制用户在访问特定 URL 时看到的内容——包括标题、描述和图片。
如今，Open Graph 几乎已成为行业标准。
协议概述
虽然并非强制要求，但 Open Graph 对营销至关重要。（想想客户和粉丝在社交媒体上分享你 URL 的次数。）
它通过在网页中添加四个必需组件的元数据来工作：
- 要显示的标题；
- 对象类型，例如“视频”；
- 代表内容的图片 URL；
- 规范 URL（Canonical URL）。
主流社交平台都提供针对特定 URL 的 Open Graph 调试工具：
Open Graph 图片
Facebook 推荐 Open Graph 图片尺寸为 1200 x 630 像素。LinkedIn 的图片尺寸略小，为 1200 x 627 像素。在实际显示时，这些图片会大幅缩小，尤其是在移动设备上。
设计图片以体现您的品牌，对于电商商家而言，还可用于展示产品。
按季节更换 Open Graph 横幅。它相当于您业务的动态广告牌，可包含促销活动、商品系列和特别活动等。
考虑为每个页面使用独特的 Open Graph 图片。养成在添加页面、产品或分类时同步生成对应图片的习惯。
例如，Warby Parker 为其首页以及男装和女装页面分别制作了 Open Graph 横幅。
Warby Parker 首页的 Open Graph 横幅展示了一男一女，并配有标题：“Warby Parker | We’ve Got Your Eyes Covered.”
—
Warby Parker 男装页面的 Open Graph 横幅显示：“Men’s Eyeglasses | Warby Parker.”
—
女装页面的 Open Graph 横幅显示：“Women’s Eyeglasses | Warby Parker.”
开始使用
Open Graph 协议提供了除我在此介绍的入门级内容之外的其他可选元数据——例如音频。
明智地使用空间，避免使用小字体和杂乱的设计，并记住，简洁总是胜出。