Open Graph生成器
生成Open Graph与Twitter Card标签——并实时预览分享卡片效果。
如何使用 Open Graph生成器
- 输入标题、描述、网址和图片。
- 查看预览卡片是否符合你想要的分享效果。
- 把标签复制到页面的head中。
关于 Open Graph生成器
Open Graph生成器会生成控制链接在Facebook、LinkedIn、X等平台上分享时呈现效果的og:和twitter: meta标签——包括标题、描述、网址、图片、网站名称和内容类型。它还会实时绘制预览卡片，让你在填写字段的同时看到大致的呈现效果；当你提供了图片时会自动选择大图版Twitter卡片，未提供图片时则选择较小的摘要卡片。
只要你希望分享出去的链接展示恰当的标题和图片，而不是一串裸网址，就可以用这个工具。推荐的分享图片尺寸约为1200×630像素，大多数平台都能干净地裁剪这个比例。所有内容都在你的浏览器中生成，你输入的任何内容都不会被上传。
需要诚实说明一点：预览只是一个近似效果。每个平台渲染和裁剪分享卡片的方式略有不同，而且——这一点很重要——它们都会缓存分享卡片。如果你在链接已经被分享之后又修改了标签，旧的卡片可能会一直存在，直到你用该平台的分享调试工具重新抓取这个网址。可以搭配Meta标签生成器生成核心SEO标签，或用robots.txt生成器引导爬虫抓取。
常见问题
为什么我更新后的卡片在分享链接时没有显示出来？
各平台都会缓存分享卡片。修改标签后，请用对应网络的分享调试工具（Facebook、LinkedIn和X都各自提供一个）重新抓取该网址，强制刷新缓存的预览。
图片应该用多大尺寸？
通常建议使用约1200×630像素。这个尺寸能在大多数平台上干净地填满大图摘要卡片，同时为各平台的裁剪留出余地。
预览效果和实际显示完全一致吗？
不完全一致。它只是一个比较接近的近似效果。每个平台在样式、裁剪和文字截断上都略有不同，所以请把预览当作参考，而不是像素级精确的渲染结果。
我还需要常规的meta标签吗？
需要。Open Graph标签控制的是社交分享卡片，而不是搜索结果的展示。请把它们和普通的标题、meta描述一起使用，这样搜索引擎和社交平台都能兼顾。
我输入的内容会被上传吗？
不会。标签和预览完全在你的浏览器中生成，你输入的任何内容都不会被发送到服务器或存储。