👁️
Open Graph预览
预览链接在社交媒体上的显示效果
Facebook / LinkedIn
无图片
example.com
Twitter (X)
无图片
🔗 example.com
Slack
Discord
Open Graph预览工具可以让你实时查看网页链接在Facebook、Twitter等社交媒体上的显示效果。输入标题、描述、图片URL和页面URL后，会即时生成各平台的预览卡片，让你在实际分享前确认并调整最佳显示状态。这是社交媒体营销和提高分享内容点击率的必备工具。
📖 使用方法
- 输入标题、描述、URL
- 输入图片URL
- 查看Facebook、Twitter预览
- 确认显示效果是否符合预期
✨ 主要功能
- ✓Facebook预览
- ✓Twitter卡片预览
- ✓实时预览
- ✓图片比例检查
- ✓OG标签指南
💡 使用场景
- •社交媒体运营: 在发布内容前预览并优化各平台上的显示效果。
- •Web开发者: 快速验证OG标签设置是否按预期在各社交网络上显示。
- •营销人员: 确保广告活动的链接预览在上线前看起来有吸引力。
- •博主: 测试博客文章分享时标题、描述和图片是否正确渲染。
- •公关专员: 在分发前检查新闻稿和文章链接在社交媒体上的显示状态。
🎯 使用技巧
- ▸Facebook推荐使用1200x630px的图片，Twitter推荐1200x600px，以获得最佳预览效果。
- ▸撰写简洁且有吸引力的标题，提高内容分享时的点击率。
- ▸在描述中自然融入目标关键词，兼顾搜索引擎和社交媒体的效果。
- ▸分享后显示不同时，使用Facebook Debugger或Twitter Card Validator刷新缓存。
❓ 常见问题
Q. 推荐的图片尺寸是多少？
A. Facebook推荐1200x630px，Twitter推荐1200x600px或800x418px。
Q. 实际分享时显示不同怎么办？
A. 可能是缓存原因。使用Facebook调试器或Twitter卡片验证器刷新缓存。
Q. 需要同时设置OG标签和Twitter Card标签吗？
A. Twitter在没有自己的卡片标签时会使用OG标签替代，但建议两者都设置以获得最佳显示效果。各平台的图片比例和文字长度限制不同。
Q. 为什么图片没有在预览中显示？
A. 请确认图片URL是绝对路径、使用HTTPS协议，且图片尺寸不小于200x200px。文件大小不应超过8MB。
Q. 预览和实际分享结果可能不同吗？
A. 是的，平台可能缓存了旧数据。使用Facebook Sharing Debugger抓取URL或Twitter Card Validator强制刷新到最新内容。
Q. 单页应用(SPA)中OG标签能正常工作吗？
A. 社交媒体爬虫通常不执行JavaScript。对于SPA，需要使用服务端渲染(SSR)或预渲染将OG标签直接包含在HTML中。