Open Graph 预览
预览页面在社交媒体上的显示效果
Export metadata snapshot
Copy the raw JSON, save the metadata snapshot, or hand off a short summary to SEO and content teams.
继续下一步
用相关的下一个操作延续你的工作流程。
Privacy & Trust
Real fetch path
The preview reflects the metadata returned by the target URL instead of a mocked card layout.
Raw payload visible
The workspace keeps the underlying metadata visible so teams can debug missing titles, images, or descriptions quickly.
Cross-platform check
Facebook / LinkedIn and X layouts appear side by side, making it easier to compare differences before publishing.
使用方法
粘贴或输入内容
在输入区域输入您的文字、代码或数据。
选择选项
选取要应用的转换方式或格式。
复制结果
一键将输出结果复制到剪贴板。
为什么使用此工具
100% 免费
没有隐藏费用,没有付费等级——所有功能完全免费。
无需安装
完全在浏览器中运行。无需下载或安装任何软件。
隐私且安全
您的数据永远不会离开您的设备。不会上传至任何服务器。
支持移动设备
完全响应式设计——在手机、平板或桌面电脑上均可使用。
Open Graph 协议:控制内容在社交媒体的展示
要点摘要
- Open Graph(OG)标签由 Facebook 创建,现已成为所有主要社交平台的标准。
- og:title、og:description、og:image 和 og:url 是四个必需的 OG 属性。
- OG 图片建议尺寸为 1200×630 像素,以确保在所有平台上的最佳展示效果。
Open Graph 协议让网页开发者控制内容在社交媒体分享时的展示方式。当有人分享一个链接时,平台会读取 OG 标签来生成包含标题、描述和图片的预览卡片。优化的 OG 标签能显著提升点击率和社交互动。
1200×630
推荐 OG 图片尺寸(像素)
常见用途
内容营销
确保博客文章和产品页面在社交分享时展示吸引人的预览。
品牌一致性
通过统一的 OG 图片和描述维持品牌在社交平台上的一致形象。
电商产品页
自定义产品在社交分享时显示的图片、价格和描述信息。
活动推广
为活动页面设置专门的 OG 标签以最大化社交分享效果。
实用技巧
使用预览工具在发布前检查 OG 标签在不同平台上的实际展示效果。
OG 图片避免过多文字——部分平台会裁剪或缩小显示。
定期测试分享链接,因为平台可能缓存旧的 OG 数据。
为不同平台(Facebook、Twitter、LinkedIn)优化不同的预览效果。
本工具仅供参考与教育用途,重要场合使用前请自行验证结果。