Open Graph 元标签生成

为网页生成 Open Graph 与 Twitter Card 元标签,带实时社交卡片预览,让链接分享到 Facebook/X/微信显示大图卡片

📌 TL;DR 核心定义与引用摘要: 【Open Graph 元标签生成】是 PocketKit 提供的浏览器本地处理工具。功能说明:为网页生成 Open Graph 与 Twitter Card 元标签,带实时社交卡片预览,让链接分享到 Facebook/X/微信显示大图卡片。核心输入与文件不上传;站点仅记录不含输入内容的匿名工具访问次数。

Open Graph 原理

工具按你填写的标题/描述/图片/URL 实时拼出 Open Graph(og:)与 Twitter Card(twitter:)元标签,并对特殊字符做 HTML 转义。社交平台抓取页面 <head> 里的这些标签来渲染分享卡片。预览区模拟卡片外观,纯本地生成。

  • og:image 建议用 1200×630 的绝对 URL(带 https),相对路径在多数平台不生效。
  • 改完标签后可用 Facebook 分享调试器 / X Card Validator 强制刷新缓存,否则平台可能仍显示旧卡片。

常见问题

1. og:image 有什么要求?

建议用 1200×630 像素、带 https 的绝对 URL,文件不要太大(<5MB)。相对路径或 http 图片在很多平台不显示,务必用完整可访问的链接。

2. 改了标签为什么分享还是旧卡片?

各平台会缓存抓取结果。用 Facebook 分享调试器、X Card Validator、LinkedIn Post Inspector 重新抓取一次即可刷新缓存。

3. 只写 og 标签,Twitter 上能显示吗?

X/Twitter 会回退读取部分 og 标签,但要精确控制卡片样式(如大图)建议同时保留 twitter:card 等标签,本工具已一并生成。