无需登录 数据私有 本地保存

Open Graph标签生成器 - 社交分享Meta标签

15
0
0
0

Open Graph 标签生成器

生成符合 Open Graph 协议的社交分享 Meta 标签,提升链接在 Facebook、Twitter、LinkedIn 等平台的展示效果。

基本信息
分享时显示的标题 0 / 60
简要描述页面内容 0 / 200
页面的规范URL
推荐尺寸 1200×630px,JPEG/PNG 格式
预览

Twitter Card 设置
发布者的Twitter账号
Facebook 分享卡片预览
图片预览区域
example.com
在此输入标题查看预览效果
输入描述文字后,这里将显示分享卡片的描述内容预览。
↑ 这是链接在 Facebook 上分享时的外观预览
生成的 Meta 标签
<meta property="og:title" content=""> <meta property="og:description" content=""> <meta property="og:image" content=""> <meta property="og:url" content=""> <meta property="og:type" content="website">
常见问题 (FAQ)

Open Graph(OG)协议是由 Facebook 开发的一套元数据标准,通过在中添加特定的 <meta> 标签,让网页在社交平台分享时能展示结构化的富媒体卡片——包括标题、描述、缩略图等。目前已被 Facebook、Twitter、LinkedIn、Discord、Telegram 等主流平台广泛支持。

Open Graph 标签本身不是搜索引擎直接排名因素,但它们能显著提升内容在社交媒体上的点击率和传播效果,间接影响流量和品牌曝光。此外,结构良好的元数据有助于搜索引擎理解页面内容。配合 Twitter Card 标签使用,能覆盖更广泛的社交平台。

Facebook 推荐 1200×630 像素(1.91:1 比例),这是最通用的尺寸,在大多数平台上都能良好显示。Twitter summary_large_image 卡片推荐 2:1 比例(1200×600)。图片大小不超过 8MB,推荐使用 JPEG 或 PNG 格式。确保图片内容在安全区域内,避免边角被裁剪。

可使用以下官方调试工具验证:Facebook Sharing Debugger(developers.facebook.com/tools/debug)、Twitter Card Validator(cards-dev.twitter.com/validator)、LinkedIn Post Inspector。这些工具会显示抓取到的 OG 标签信息,同时会清除平台缓存,使修改后的标签立即生效。

Open Graph 是 Facebook 主导的通用协议,而 Twitter Card 是 Twitter(X)专有的标签体系。不过 Twitter 也支持回退读取 OG 标签——如果页面没有 twitter:title 等标签,Twitter 会自动使用 og:title 等 OG 标签。为获得最佳兼容性,建议同时设置两套标签

最常用的是 website(通用网站页面)和 article(文章/博客)。其他类型包括 product(产品页)、profile(个人资料)、video.movie(视频)、book(书籍)、music.album(音乐专辑)等。选择正确的类型有助于平台更好地理解和展示你的内容。

Facebook 会缓存 OG 标签数据。修改标签后,需要使用 Facebook Sharing Debugger 工具输入 URL 并点击「Scrape Again」来强制刷新缓存。如果图片更换了,建议同时更改图片文件名,避免 CDN 或浏览器缓存导致旧图继续显示。