社交分享卡片与 OpenGraph 预览

实时预览网页在社交平台的分享卡片,导出规范的 Meta 标签。

建议 40~60 字符 0 chars
建议 120~160 字符 0 chars
标准尺寸推荐 1200 × 630 像素 (1.91:1 黄金比例)
Twitter preview cover
lucentool.com
生成的 HTML 头部规范代码
嵌入此工具到你的网站 / 博客 无需开发 · 复制即可使用
HTML 嵌入代码 (iframe):
<iframe src="https://lucentool.com/zh/social-meta-preview" width="100%" height="650" style="border:1px solid #e5e0d8;border-radius:12px;max-width:850px;width:100%;" frameborder="0"></iframe>
<div style="font-size:12px;color:#78716c;margin-top:6px;font-family:sans-serif;">Powered by <a href="https://lucentool.com/zh/social-meta-preview" target="_blank" style="color:#c85a32;text-decoration:none;">Lucentool - 社交分享卡片与 OpenGraph 预览</a></div>

为什么社交分享卡片对网站流量至关重要?

在 Twitter/X、微信群、Facebook、Discord 或 Slack 中分享链接时,带有高清大图、吸引人标题和提纲副标的富媒体卡片(Rich Embed)的通常比纯文本链接具有更好的辨识度与点击效果。如果不配置 ``,平台只能机械地抓取网页开头的零碎文字或空白图标,严重影响专业度与品牌信誉。

Open Graph 图片尺寸建议 (1.91:1)

Facebook 发起的 Open Graph 协议已被全球所有现代社交平台(包括国内微信开放平台)共同遵循。为防止封面图在手机屏幕上被无情压扁或两边黑边,行业标准尺寸是 1200 × 630 像素(即 1.91:1 比例)。