👁️

Open Graph预览

在分享前预览您的内容在Facebook、Twitter、LinkedIn、Discord、Slack和WhatsApp上的显示效果。

Open Graph Tags

Open Graph预览

在发布前在6个主要平台上预览您的Open Graph标签。

嵌入此工具

× px

                        

💡 集成提示

复制嵌入代码并粘贴到您网站的HTML中。响应式版本会自动适应所有屏幕尺寸。

1 个评分
✓

热门工具

没有更多工具
探索所有工具

关于Open Graph预览

填入 og:title、og:description、og:image、og:url 和 og:site_name,即可渲染出 Facebook、Twitter/X、LinkedIn、Discord、Slack 和 WhatsApp 的模拟链接卡片。每张卡片都会套用该平台自己的截断规则,因此发布前就能看到标题在 70 个字符处被截断、描述在 Twitter 上接近 125 个字符时被裁掉。分享预览需要在多个应用里都好看时,它很合适。标签由手动填写而非自动抓取,预览在您的浏览器本地渲染。

使用场景

需要用 OG 预览检查、校验或转换数据的开发者和测试工程师。
随时排查配置文件、令牌或 API 响应问题的 DevOps 工程师。
想通过动手使用 OG 预览来学习 Web 开发、数据格式或编码方式的学生。
编写代码示例、配置样例和文档素材的技术文档工程师。
需要一个无需命令行的快捷试验环境的安全研究人员和漏洞赏金猎人。

如何使用

1

在左侧字段中填写 og:title 和 og:description;每个标签旁的计数器会对照 70 和 160 字符的建议长度实时提示。

2

把图片地址粘贴到 og:image(推荐尺寸为 1200x630px),再填好 og:url 和 og:site_name。

3

也可以点击表单上方的 Article、Product 或 Video 预设按钮,载入现成的示例。

4

逐个点击平台标签页——facebook、twitter、linkedin、discord、slack 和 whatsapp——看看各家服务分别是怎么排版这张链接卡片的。

5

留意文字被截断的位置:标题在 70 字符处截断,描述在 twitter 上是 125 字符、其他平台是 155 字符,凡是结尾出现省略号的内容都该再精简一些。

专业提示

  • 直接粘贴内容——OG 预览会自动识别常见的输入格式并套用合理的默认设置。
  • 善用键盘快捷键(Ctrl/Cmd+A 全选,Ctrl/Cmd+C 复制),在 OG 预览中处理内容会更顺手。
  • 输入内容特别大时建议分批处理——浏览器标签页通常能承载几 MB 的文本,但解析超大数据可能让界面短暂卡顿。
  • OG 预览不会记录或保存您输入的内容。如果需要留档,请把重要结果复制到本地文件或笔记应用里。
  • 把 OG 预览与站内其他工具(格式化工具、转换器、编码工具)搭配使用,不离开浏览器就能跑完整条数据处理流程。

常见问题解答

是的,完全免费:无需注册、无需 API 密钥、没有水印,也没有使用次数限制。

不会。OG 预览完全在您的浏览器本地运行,输入的内容不会经过我们的服务器。

没有硬性上限,但输入超过几 MB 后速度会明显变慢,具体取决于设备的内存。

可以。用 OG 预览得到的结果归您所有,可自由用于任何个人或商业项目。

大部分逻辑都由客户端 JavaScript 执行,因此页面首次加载后,通常没有网络也能继续使用。

没有。OG 预览在您的浏览器中运行,无需 API 密钥,也不会被限流,硬件性能允许的话可以不限次数地处理。

FreeWebTools AI
Powered by free AI models · Full chat →