Open Graph(OG)标签生成器
链接被分享时,Facebook、LinkedIn、WhatsApp、Slack 和 X 会根据页面的 Open Graph 标签生成预览卡片。填写标题、描述和图片,查看卡片的实际效果,然后复制标签。如果图片缺失或太小,工具会给出提醒。
从现有 HTML 导入
Google 约在 600 px 处截断
Google 约在 920 px 处截断
理想尺寸:1200 × 630 px
更多选项:作者、主题颜色、robots
Facebook · LinkedIn · WhatsApp
X (Twitter)
用于 <head> 的 HTML
使用方法
- 输入页面的标题、描述和完整网址。
- 粘贴分享图片的网址(理想尺寸为 1200 × 630 像素),并查看 Facebook 和 X 的预览。
- 将标签复制到页面的 <head> 中。发布后,请使用各平台的分享调试工具刷新缓存。
常见问题
og:image 应该用多大的尺寸?
使用 1200 × 630 像素(1.91:1 比例),这是 Facebook 和 LinkedIn 推荐的大卡片尺寸;X 会把大卡片裁剪为 2:1。重要文字请远离边缘,并使用以 https:// 开头的完整网址。
需要单独的 Twitter(X)标签吗?
只需要 twitter:card。X 在没有自己的标签时会读取 og:title、og:description 和 og:image,所以工具只会添加卡片类型,以及(如果你需要的话)你的 @用户名。
我改了标签,但预览还是旧的,为什么?
社交平台会把卡片缓存几天。请打开 Facebook 分享调试工具或 LinkedIn Post Inspector,粘贴网址并要求重新抓取页面。