无需登录 数据私有 本地保存

社媒链接预览生成器 - Open Graph卡片模拟

12
0
0
0
0/120 字符
0/300 字符
推荐 1200×630px，JPG/PNG
请填写上方字段，自动生成meta标签代码...
已复制!
社媒卡片预览
twitter:card 类型
example.com
页面标题预览
页面描述文本将在此处显示...
example.com
页面标题预览
页面描述文本将在此处显示...
example.com
页面标题预览
页面描述文本将在此处显示...
example.com
页面标题预览
页面描述文本将在此处显示...
example.com
页面标题预览
页面描述文本将在此处显示...
不同平台对OG标签的支持略有差异。Facebook主要使用og标签；Twitter优先使用twitter:card标签，fallback到og标签；LinkedIn和Discord也支持og标签。建议同时设置og和twitter标签以获得最佳兼容性。
常见问题 (FAQ)

Open Graph 协议由Facebook于2010年推出，是一套用于网页的meta标签规范。通过在HTML的<head>中添加og:title、og:description、og:image等标签，可以控制在社交媒体（Facebook、Twitter/X、LinkedIn、Discord等）上分享链接时显示的标题、描述和缩略图。这极大地提升了内容在社交平台上的视觉吸引力和点击率。

OG标签本身不直接影响Google搜索排名，但对社交信号和点击率有重要影响。当用户在社交平台分享你的链接时，精美的OG卡片能显著提高点击率和内容传播度，间接提升网站的流量和权威性。此外，og:title和og:description的最佳实践与SEO标题和描述高度重叠，优化OG标签有助于整体内容策略。

推荐尺寸为 1200 × 630 像素（比例约1.91:1），这是Facebook、LinkedIn、Twitter/X等大多数平台的标准显示比例。最小尺寸建议不低于600×315像素，最大文件大小不超过8MB。格式推荐使用JPG或PNG。对于Twitter的summary card（小图模式），图片至少应为144×144像素。确保图片主题居中，因为在某些平台上边缘可能被裁剪。

常见原因：
1. 缓存问题：社交平台会缓存OG信息，修改后需要使用各平台的调试工具刷新缓存（如Facebook Sharing Debugger、Twitter Card Validator）；
2. 图片尺寸太小：低于平台最低要求（通常200×200px）；
3. 标签不完整：缺少og:title或og:image等关键标签；
4. HTTPS问题：部分平台要求图片URL使用HTTPS；
5. robots.txt限制：社交平台爬虫被阻止访问页面。

Twitter Card使用twitter:card、twitter:title、twitter:description、twitter:image等标签，是Twitter（现X）专属的标签体系。Open Graph是更通用的标准。实际上，Twitter在找不到twitter专用标签时会fallback到OG标签。最佳实践是同时设置两套标签，确保在所有平台上都有最佳显示效果。Twitter Card支持summary（小图侧边）和summary_large_image（大图上方）两种主要类型。

Facebook / Instagram：使用 Facebook Sharing Debugger，输入URL即可查看抓取到的OG信息并刷新缓存。
Twitter / X：使用 Twitter Card Validator。
LinkedIn：使用 LinkedIn Post Inspector。
Discord：直接在Discord中粘贴链接即可触发嵌入预览，或在开发者工具中检查。

最常用的是website（通用网站页面）和article（文章/博客）。其他类型包括：product（产品页）、video.movie（视频）、book（图书）、profile（个人资料）、music.song（音乐）等。选择正确的类型有助于社交平台更好地理解和展示你的内容。对于大多数网站，website或article即可满足需求。
🔧 相关工具