OGP图片是什么｜让人点开分享链接的尺寸与做法

OGP是指定链接外观的机制

在社交平台或聊天里贴上URL，标题、说明文字和图片会以卡片形式显示。这是因为各服务会去读取页面，读出事先嵌入的指定内容。这套指定机制就是OGP（Open Graph Protocol）。

没有指定时，各服务会从页面里随便抓一张图片，或者什么也不显示。有时会选中意想不到的图片（比如侧栏的广告横幅），所以对可能被分享的页面明确指定是基本做法。

推荐尺寸是1200×630px

在主要社交平台上能稳定以大图显示的，是宽1200px·高630px的图片。比例约为1.91比1，这种形状是被当作“大卡片”处理的基准。

• 1200×630px：犹豫时就用这个。很多服务以它为基准
• 最少也要600×315px：低于这个尺寸，有时会切换成小卡片
• 文件大小以1MB以内为参考：太大可能读取不了，导致不显示
• 格式用PNG或JPEG：透明会被忽略，要按会被涂成白色或黑色来做
• 指定正方形图片的话，根据服务不同，会被切掉左右或以小图显示

麻烦的是，裁切的范围因显示位置而异。在时间线上保持横长，在别处可能被裁成接近正方形。因此，不把信息塞到边缘实际上是必要条件。

以小尺寸显示为前提来设计

OGP图片实际上是按智能手机的宽度显示的。请设想用1200px做的图，看起来会缩到400px左右。在工作画面上能看清的文字，在真机上看不清的情况并不少见。

1. 1

   ①文字控制在20〜30个字以内

   中文和日文都以20〜30个字为上限参考。放得更多，缩小后就只是花纹。说明交给og:description。

2. 2

   ②1200px宽时字号在60px以上

   大约是整张图片高度的一成，这是最低标准。细字体不耐缩小，要选粗一些的字体。

3. 3

   ③确保背景和文字的对比度

   在照片上放文字时，先铺一条暗色带或半透明底板再叠上去。在照片明亮处放白字，在真机上会看不见。

4. 4

   ④缩小确认

   导出后，把图片缩小到400px宽左右看一看。如果一眼看不出写了什么，就是信息太多了。

从零准备1200×630px的图片太麻烦时，可以直接使用个人名片制作做出的卡片。导出的PNG是1200×630px，与OGP的推荐尺寸相同。只要替换姓名和头衔，就能作为自我介绍页面或社交平台分享用的图片反复使用。

图片不显示时的检查

最常见的是缓存。各社交平台会保留读取过一次的内容，所以即使替换了图片，旧卡片也会一直出现。用官方调试工具重新抓取URL就会更新。在自己的浏览器里刷新是没有效果的。

需要减小文件大小时，常规做法是保持宽高px不变，调整格式和画质。保持1200×630px，转换为JPEG并把画质设为80〜90%左右，可以在保持观感的同时大幅减小。

运营中要注意的事

• 准备1张全站通用的默认图片。没有单独指定的页面也不会空着
• 即使每页换图，也要统一版式。排在一起时能看出是同一个来源
• 每次更新都改图片的文件名。名字不变时缓存容易残留
• 标题交给og:title，不要在图片里再大字叠上同样的文字
• 题图和OGP图片分开准备。文章顶部的图片宽高比不同

第4条容易被忽视。卡片上图片正下方会显示标题，如果图片里也有同样的文字，同样的字就会并排出现两次。图片里放简短的关键词或图形，准确的内容交给标题，信息量才平衡。

常见问题

OGP图片的尺寸多少px才对？

1200×630px（约1.91比1）最稳妥。因为主要社交平台都把这个比例当作大卡片处理。最少也要保证600×315px，低于这个尺寸有时会切换成小卡片显示。

换了图片，显示的却还是旧的。

这是因为各社交平台缓存了页面内容。用官方调试工具重新抓取URL就会更新。同时更改图片文件名，缓存就不容易残留。在自己的浏览器里刷新，社交平台上的显示也不会变。

设置OGP图片能提高搜索排名吗？

对搜索排名没有直接影响。效果体现在社交平台上被分享时的点击率。同样的链接，带图片的卡片和只有文字的卡片被点开的次数不同，所以在流量方面会有差别。

透明PNG可以用作OGP图片吗？

可以，但透明部分会在显示处被替换成白色或黑色。在深色模式下看时文字或标志可能会消失，所以建议明确填上背景色后再导出。