查看您的页面在 Facebook、X/Twitter、LinkedIn、WhatsApp、Telegram、Discord、Slack 和 Google 上分享时的外观。OG 健康评分和代码生成器。免费。
Page Information
Image
Recommended Image Sizes
Facebook1200 × 630
X / Twitter1200 × 628
LinkedIn1200 × 627
WhatsApp1200 × 630
Telegram1200 × 630
Discord1200 × 630
Universal best1200 × 630
Social Accounts
OG Health Score
0
Live Preview
1200 × 630
example.com
Your Page Title
Your description will appear here.
1200 × 628
Your Page Title
Your description will appear here.
example.com
1200 × 627
Your Page Title
example.com
example.com
Your Page Title
Your description will appear here.
https://example.com
Example
Your Page Title
Your description will appear here.
https://example.com
Example
Your Page Title
Your description will appear here.
Example
Your Page Title
Your description will appear here.
https://example.com
Your Page Title
Your description will appear here. Write a compelling description that encourages users to click through to your page.
Generated OG Tags
Everything runs in your browser — no data sent to any server
如何使用 Open Graph 预览工具
输入页面详情:填写标题、描述、URL、网站名称和图片 URL。
在 8 个平台上预览——实时切换标签查看 Facebook、X/Twitter、LinkedIn、WhatsApp、Telegram、Discord、Slack 和 Google 的预览效果。
检查 OG 评分并修复缺失的标签。
复制生成的代码并粘贴到页面的 <head> 部分。每个字段旁边的提示说明了其功能和优化方法。
为什么 Open Graph 标签很重要
当有人分享您的 URL 时,平台会获取 OG 标签来创建预览卡片。没有 OG 标签,结果通常是空白框或错误内容——这会大幅减少点击量。具有正确 OG 标签的页面在社交媒体上获得最多 2-3 倍的互动。
支持的平台
本工具为 8 个平台提供精确预览:
Facebook——原始 Open Graph 平台
X / Twitter——支持 Summary 和 Large Image 卡片
LinkedIn——专业网络分享
WhatsApp——全球最受欢迎的消息应用
Telegram——聊天中的即时预览卡片
Discord——带有强调色的嵌入式预览
Slack——频道中的链接预览
Google——搜索结果 (SERP) 中的显示
Open Graph 最佳实践
遵循以下指南以最大化社交分享效果:
使用 1200×630px 图片——适用于所有平台的通用最佳尺寸
标题控制在 60 个字符以内——过长的标题会被截断
描述写 120-160 个字符——简洁但有信息量
始终设置 og:url——定义内容的规范 URL
包含 og:site_name——在 Discord、Telegram 和 Slack 上显示
设置 og:locale——对非英语内容尤为重要
常见问题
Open Graph (OG) 是 Facebook 创建的协议,控制您的页面在社交媒体上分享时的显示方式。没有正确的 OG 标签,平台会猜测显示内容——通常会出现缺失的图片或错误的文字。设置 OG 标签可确保每次分享都显得专业且吸引点击。
Facebook、LinkedIn、WhatsApp、Telegram、Discord、Slack、Pinterest 等众多平台都会读取 OG 标签。X/Twitter 使用自己的 Twitter Card 格式,但在没有 Twitter 专用标签时会回退到 OG 标签。Google 在某些情况下也会使用 OG 数据来生成富媒体搜索结果。