工具介绍
Open Graph标签生成器可以帮你快速生成符合标准的 og 和 Twitter 元标签代码,用于社交平台分享时展示美化的卡片,提升点击效果。生成的代码可以直接复制到网页的 <head> 区域中。
使用方法
- 在对应输入框填写网页分享需要的信息:标题、描述、类型、网址、分享图片地址、网站名、Twitter卡片信息等。
- 填写过程中会实时生成对应的 meta 标签代码,并在「分享卡片预览」区域展示效果。
- 复制生成的代码,粘贴到你网页的 <head> 标签内即可。
参数说明
| 参数 | 说明 | 常用值 |
|---|---|---|
| OG:标题 | 分享时显示的网页标题 | 建议不超过60字符 |
| OG:描述 | 分享时显示的网页描述 | 建议不超过160字符 |
| OG:类型 | 分享内容的类型 | 常用 website(网站)、article(文章) |
| OG:URL | 网页的正式 canonical 地址 | 完整网址,带 http/https |
| OG:图片URL | 分享图片的完整地址 | 建议尺寸1200×630像素 |
| OG:网站名称 | 你的网站名称 | 品牌名或站名 |
| Twitter:卡片类型 | Twitter/X 分享卡片样式 | 常用 summary(小图)、summary_large_image(大图) |
| Twitter:账号 | 你的Twitter账号 | 格式为 @username |
注意事项
- 分享图片必须使用完整可访问的URL,包含 http/https,否则大部分平台无法显示。
- 为了在不同平台都有较好展示,建议图片尺寸使用1200×630像素。
- 生成后你可以使用Facebook、Twitter等平台提供的调试工具检查标签是否正确。