为什么需要 Open Graph 标签？
当你在 Facebook、Twitter 或 LinkedIn 上分享页面链接时，这些平台会尝试自动获取标题、图片和简短描述，与链接一起展示出来。如果你的页面没有指定 Open Graph 标签，平台就会随机选择一个标题或图片，效果可能并不理想，这会降低链接对用户的吸引力。这个工具能帮你生成现成的标签，让你自己掌控链接的展示效果。
Open Graph 标签究竟是什么
Open Graph 标签是一组特殊的 Meta 标签（比如 og:title、og:description、og:image、og:url），添加在网页的 head 部分，用来告诉社交媒体平台在有人分享这个链接时应该显示什么标题、描述和图片。这些标签属于 Open Graph 协议的一部分，最初由 Facebook 推出，但如今大多数主流平台都已经支持，所以一套标签就能同时控制多个平台上的展示效果。
在 Fastols 上生成标签的步骤
工具会生成现成的 Open Graph 标签：
打开 Open Graph 生成工具
直接从工具页面打开该工具。
输入页面信息
标题、描述、图片链接和页面链接。
预览展示效果
查看分享时链接大致的展示效果。
复制标签代码
把代码粘贴到你页面的 head 部分。
开始前的实用技巧
生成 Open Graph 标签之前，注意这几点：
- 使用尺寸合适的图片（建议 1200×630 像素），以确保在大多数平台上都能清晰展示。
- 标题和描述要简洁有吸引力，因为有些平台会截断过长的文字。
- 确认所用图片链接是公开可访问的，不需要登录即可打开。
- 添加标签后，使用 Facebook 或 Twitter 的分享预览工具测试展示效果。
添加 Open Graph 标签后，务必在目标平台上测试链接的展示效果，因为每个平台的展示方式会略有不同。
常见使用场景
- 优化新文章链接在 Facebook 或 Twitter 上分享时的展示效果。
- 控制电商网站产品链接展示时显示的图片和标题。
- 在启动营销活动前，为落地页准备好 Open Graph 标签。
- 提升社交媒体群组和页面中分享链接的点击率。
为什么选择 Fastols？
即时预览效果
发布前先看到链接的展示效果
不保存任何数据
信息在你的浏览器内处理，我们不做存储
完全免费
无限次使用，没有任何隐藏费用
开箱即用的代码
直接把标签粘贴到你的页面中
常见问题
Open Graph 标签会影响页面的搜索排名吗？
不会直接影响；它的主要作用是优化链接分享时的展示效果，但更高的点击率可能会带来间接影响。
我的数据会被你们保存吗？
不会，信息在你的浏览器内处理，我们不会保存它。
同样的标签在 Facebook 和 Twitter 上都能用吗？
大多数平台都支持 Open Graph，但 Twitter 还会优先使用 Twitter Card 标签以获得最佳效果。
Open Graph 图片的最佳尺寸是多少？
建议使用 1200×630 像素，这样在大多数平台上都能清晰展示。
发布后可以修改标签吗？
可以，你可以随时生成新版本并替换旧标签，但有些平台的缓存更新需要一些时间。
工具支持所有 Open Graph 字段吗？
覆盖了最重要的基本字段，比如标题、描述、图片、链接和内容类型。