适用人群
- 分享内容编辑
- 社交元数据开发者
Developer SEO Utility
Open Graph 预览
输入标题、描述、URL 和代表图片地址，预览 KakaoTalk、Facebook、X/Twitter 的分享卡片，并生成 OG/Twitter meta 标签。
OG 卡片预览
检查链接分享时显示的标题、描述、代表图片和站点名称。
平台预览
比较 KakaoTalk、Facebook 和 Twitter 风格的链接分享预览。
自动生成 Meta 标签
生成 Open Graph 与 Twitter Card meta 标签，并复制或下载结果。
STEP 1
Open Graph 信息输入
输入用于分享预览的标题、描述、URL 和代表图片信息。
推荐文本长度
标题保持在约 60 个字符、描述保持在约 150 个字符，可以减少分享卡片中的截断。
推荐图片比例
代表图片建议使用 1200x630px 或 1.91:1 的横向图片。
0/建议 60 个字符
0/建议 150 个字符
用于 og:url 和 twitter:url。
用于 og:image 和 twitter:image。
用于 og:site_name。
分享内容的类型。
STEP 2
待处理
分享预览
查看分享卡片在各个平台上的显示效果。
OG IMAGE
分享标题会显示在这里
分享描述会显示在这里。
win-j.comOG IMAGE
WIN-J.COM
分享标题会显示在这里
分享描述会显示在这里。
OG IMAGE
分享标题会显示在这里
分享描述会显示在这里。
https://example.com/page/
STEP 3
生成结果
将下方代码添加到 HTML 的 head 区域。
输入信息后点击生成 OG 标签按钮。
STEP 4
Open Graph 检查项
分享预览质量取决于标题、描述、图片和规范 URL 设置。
og:title
这是分享卡片的主标题。标题过长可能被截断，建议简短明确。
og:description
这里显示分享卡片的描述。简洁总结页面内容有助于提升点击率。
og:image
这是链接分享时最醒目的图片。建议使用 1200x630px 的横向缩略图。
用近似分享预览准备 OG 标签
输入标题、描述、页面和图片 URL，生成 OG 与可选 Twitter Card。比较三种示意布局，发布后再到真实平台确认。
使用场景
- 比较标题与图片组合。
- 生成可复制的 OG 草稿。
从输入到检查结果
- 1
准备公开页面与图片 URL。
- 2
输入标题、描述、站名与类型。
- 3
查看近似卡片和长度提示。
- 4
生成并修复错误后放入 head。
- 5
检查线上源码和平台预览工具。
分享卡片
- 输入
- website、标题与描述、https://example.com/tool/、https://example.com/card.jpg
- 结果
- OG 和可选 Twitter Card 标签
真实平台爬虫需要能访问页面与图片。
较长标题
- 输入
- 开启长度检查，标题超过60字符
- 结果
- 标签及复核警告
阈值是本工具提示，不是全平台固定上限。
计算与处理原理
转义 HTML 属性，验证无认证信息的 HTTP(S) URL。关闭图片 URL 检查后，预览依然要求有效地址。长度阈值为标题60、描述150个代码单元。
限制与注意事项
- 不精确还原平台裁剪和截断。
- 不检查尺寸、MIME、状态码或爬虫权限。
- 旧卡片可能仍在平台缓存中。
数据处理
文字和标签本地处理，但预览直接请求图片主机，对方可能收到 IP 等信息。避免私密或签名 URL。
参考资料
相关工具
- Meta Tag 生成器
创建 title、description、robots、可选 canonical 和 OG、Twitter Card。请与已有模板合并，避免同一字段重复。
- SEO Head 检查器
检查粘贴head中的缺失、重复标签和URL形式。百分比是win-j内部检查分数，不是Google分数或收录预测。
常见问题
是实时平台预览吗？
不是，是布局比较用的近似画面。
图片不显示怎么办？
检查公开访问、响应和主机限制；形式正确不等于可访问。
图片 URL 会发到外部吗？
浏览器会直接请求图片主机。