f
Facebook / Meta 预览
𝕏
Twitter / X 预览
example.com
探索未来的 Web 工具集
免费、快速、安全的在线工具,助力开发者与设计师提升工作效率。
实时调试 Open Graph 标签,完美掌控您的网站在社交平台的分享效果
当用户在微信、微博、Facebook 或 Twitter 上分享你的链接时,平台会自动抓取网页源码中的
Open Graph
标签来渲染一张“分享卡片”。如果你的网页没有配置这些标签,分享出来的可能只是一个干秃秃的链接或一张无关的占位图,点击率(CTR)将惨不忍睹。
og:title
:分享卡片的大标题,建议控制在 60 字符以内。
og:description
:标题下方的补充说明,应包含核心利益点。
og:image
:最重要的视觉元素。建议尺寸为 1200 x 630 像素。
og:type
:网页类型,通常为
website
或
article
。
场景一:发布新文章。
不要直接使用文章标题作为
og:title
。尝试在分享标签中使用更具悬念或行动号召的文字,例如:“这篇文章帮我节省了 50%
的开发时间”而不是“Node.js 优化指南”。
场景二:品牌官网分享。
确保
og:image
包含你的 Logo 且配色鲜明。在暗色模式流行的今天,亮色调的封面图往往在信息流中更显眼。
场景三:活动推广。 为活动专门制作一张带有文字提示的分享图,直接在图上标注“限时 5 折”等关键信息,能极大地提升转化。
如果你修改了 OG 标签但预览没变,可能是因为平台的缓存。Facebook 有专门的“Sharing Debugger”,而微信通常需要一段时间或更换链接后缀才能强制刷新。本工具提供的实时预览是基于您输入的数据,能帮您在发布前就确保完美。