Open Graph 预览
手动填写
粘贴HTML
标题 (og:title)
描述 (og:description)
图片 URL (og:image)
必须为绝对URL，建议尺寸1200x630
站点名 (og:site_name)
页面 URL (og:url)
Twitter 卡片类型
平台预览效果
Twitter / X
图片预览区
标题将显示在这里
描述将显示在这里
example.com
Facebook / LinkedIn
图片预览区
EXAMPLE.COM
标题将显示在这里
描述将显示在这里
微信
标题将显示在这里
描述将显示在这里
example.com
图片预览区
微博
图片预览区
标题将显示在这里
描述将显示在这里
example.com
生成的 Meta 标签代码
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="">
<meta property="og:title" content="">
<meta property="og:description" content="">
<meta property="og:image" content="">
<meta property="og:site_name" content="">
<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="">
<meta name="twitter:title" content="">
<meta name="twitter:description" content="">
<meta name="twitter:image" content="">
工具说明
所有操作都在浏览器本地完成，不会上传你填写的任何内容。
专门用来检查网页分享到不同社交平台时，卡片显示效果是否正常。
支持手动填写和粘贴 HTML 两种方式，右边四个预览框会实时更新。
使用步骤
左边选填内容，右边看效果，满意了就复制代码。
有问题的平台一眼就能看出来，改完马上能看到变化。