📣 Open Graph 生成器
为社交媒体分享生成 Open Graph 标签。预览链接在 Facebook 和 LinkedIn 上的展示效果，然后将 og: 元标签复制到你的 HTML 头部。
图片预览
example.com
标题
描述
关于 Open Graph 生成器
Open Graph（OG）标签用于控制链接在 Facebook、LinkedIn、Slack、Discord 等平台分享时的展示效果。本工具可帮你构建一整套 og: 元标签，并提供社交卡片的实时预览。填写标题、描述、URL、图片和类型，然后将生成的 HTML 复制到页面 <head> 中。
推荐图片尺寸
建议使用 1200×630 像素（1.91:1 比例）的 og:image。这是 Facebook、LinkedIn 和 Twitter 上兼容性最好的尺寸。文件大小建议不超过 8 MB，JPG 或 PNG 均可。
使用方法
- 填写 og:title（简洁，建议 60 个字符以内）。
- 撰写 og:description（建议 150–160 个字符）。
- 将 og:url 设为页面的规范链接。
- 添加 og:image URL（绝对地址，可公开访问）。
- 选择 og:type，可选填写 site_name、locale 和图片尺寸。
- 点击更新预览，然后复制 HTML 粘贴到
<head>中。
常见问题
为什么图片不显示？ og:image URL 必须是绝对地址（包含 https://）且可公开访问。部分平台会缓存图片数天，可使用平台的分享调试工具强制刷新。
需要填写 og:image:width 和 og:image:height 吗？ 它们是可选的，但推荐填写——可让平台在图片加载完成前就渲染卡片，避免布局抖动。
og:title 和 <title> 标签有什么区别？ <title> 显示在浏览器标签页和搜索结果中；og:title 专门用于社交分享卡片。两者可针对不同场景分别优化。