所有工具
Open Graph Generator
Generate OG tags
Generate OG tags 在您的浏览器中本地运行
URL, title and description, separated by vertical bars.
About the
开放图谱生成器构建 og 标签，用于控制共享链接时页面的外观。它从单行输入中发出 og:url、og:title、og:description 和 og:type，这是大多数平台读取的最小集合。将结果粘贴到页面的头部，预览卡将不再是平台猜测的内容。
Where people use the
- 将共享标签添加到当前没有共享标签的页面。
- 修复显示错误标题或描述的链接预览。
- 在一组登陆页面上生成一致的块。
- 在页面上线之前准备启动标签。
How to use the
- 1
输入三个字段
URL、标题和描述，以竖线分隔，例如 https://example.com |页面标题 |简短的描述。
- 2
生成
生成了四个 og 标签，其中 og:type 设置为 website。
- 3
复制块
将标签粘贴到页面的头部。
- 4
单独添加图片标签
og:image 不包含在内，因为它需要真实文件的完整 URL。自己添加它并指向可公开访问的图像。
提示和最佳实践
- 使用绝对 URL；抓取工具无法解析相对路径。
- 自己添加 og:image，大小约为 1200 x 630 像素。
- 更改标签后使用平台调试器重新抓取；预览已缓存。
常见问题
为什么我的共享链接看起来仍然错误？
平台积极缓存预览。一旦标签正确，请使用平台自己的共享调试器强制重新抓取，或者等待缓存过期。
og:image 是必需的吗？
严格来说，没有图像的链接会得到一张纯文本卡，点击的可能性要小得多。添加一个。
图像的尺寸应该是多少？
通常建议使用大约 1200 x 630 像素，因为它可以在大多数平台上进行裁剪。
我还需要 Twitter 特定的标签吗？
大多数平台都会读取 og 标签。 Twitter 的卡片标签可以覆盖布局，但它是可选的。
我可以使用相对 URL 吗？
不可以。 og:image 和 og:url 必须是绝对的，包括方案，因为外部抓取工具没有可解析的基本 URL。