Open Graph生成器
生成Open Graph和Twitter Card元标签,实现完美的社交媒体分享。实时预览。
📋 Open Graph
📝 Article
🛒 Product
🎬 Video
🐦 Twitter Card
👁️ 预览
📄 生成的代码
💡 将这些标签粘贴到HTML页面的<head>部分。
Open Graph生成器
这个免费的Open Graph元标签生成器帮助您创建OG标签和Twitter Cards,提高社交媒体可见性。
热门工具
关于Open Graph生成器
Open Graph 生成器把页面的标题、描述、图片 URL 和 canonical URL 变成一段可直接粘贴的 og: meta 标签以及配套的 Twitter Card,并按 Facebook 和 X 渲染链接的样子预览出来。把类型切换为 article、product 或 video 时,会自动加上这些对象所需的属性——article:author 和 article:published_time、product:price:amount 和货币、og:video——twitter:card 也可设为 summary、summary_large_image、player 或 app。它完全在您的浏览器中运行;生成的标签只会复制到剪贴板,绝不会发送到任何地方。
使用场景
如何使用
在顶部选择页面类型:Website、Article/Blog、Product 或 Video,工具会据此设置 og:type 和相匹配的 Twitter card。
填写 og:title(最多 95 个字符)、og:description(最多 200 个字符)、og:url 和 og:image,然后设置图片的宽度和高度,默认为 1200 × 630。
填写 og:site_name,并选择 og:locale,例如 en_US、fr_FR 或 pt_BR。
补全所选类型的附加面板:文章需要 article:author、published_time、section 和 tags,商品需要价格和货币,视频则需要视频文件的 URL。
保持勾选包含 Twitter Card,把 twitter:card 设为 summary、summary_large_image、player 或 app,并填写 twitter:site 和 twitter:creator 账号。
对比 Facebook 与 Twitter/X 两种预览效果,然后点击 Copy,把 meta 标签粘贴到页面的 head 中。
专业提示
- 直接粘贴内容即可——Open Graph 生成器会自动识别常见的输入格式并套用合理的默认设置。
- 善用快捷键(Ctrl/Cmd+A 全选、Ctrl/Cmd+C 复制),在Open Graph 生成器中操作更顺手。
- 输入内容特别大时建议分批处理——浏览器标签页通常能承载数 MB 文本,但解析超大数据可能让界面短暂卡顿。
- Open Graph 生成器不会记录或保存您的输入。如果需要留存历史,请把重要结果复制到本地文件或笔记应用中。
- 把Open Graph 生成器与本站其他工具(格式化、转换、编码工具)配合使用,不离开浏览器就能完成完整的数据处理流程。
常见问题解答
完全免费:无需注册,不用 API 密钥,没有水印,也没有使用次数限制。
不会。Open Graph 生成器完全在您的浏览器本地运行,输入的内容不会经过我们的服务器。
没有硬性上限,但输入超过几 MB 之后速度会明显变慢,具体取决于设备的内存。
可以。用Open Graph 生成器生成的结果归您所有,任何个人或商业项目都能自由使用。
大部分逻辑都由前端 JavaScript 完成,因此首次加载之后,通常没有网络也能继续使用。
没有。Open Graph 生成器在您的浏览器中运行,只要硬件跑得动就可以一直处理,既不需要 API 密钥,也不会被限流。