🔥 已有 0 人使用了该工具
Open Graph 生成器
创建 OG 标签并预览页面在社交媒体平台上分享时的展示效果。
Open Graph 标签
0/60 字符
0/155 字符
Twitter Card 标签
社交媒体预览
example.com
Page Title
Page description will appear here.
生成的 Meta 标签
<!-- Open Graph -->
<meta property="og:type" content="website">
<meta property="og:locale" content="en_US">
<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image">工作原理及 Open Graph 指南
什么是 Open Graph？
Open Graph 协议最初由 Facebook 创建，允许你控制网页在社交媒体平台上分享时的展示方式。OG 标签定义标题、描述、图片和其他元数据。
没有 OG 标签，社交平台会尝试猜测你的内容——结果往往不理想。添加正确的 OG 标签可确保分享链接看起来专业且吸引人。
OG 标签最佳实践
- ✓图片尺寸: 使用 1200x630 像素的图片，在所有平台上获得最佳展示效果。
- ✓标题和描述: OG 标题保持在 60 字符以内，描述在 155 字符以内，避免被截断。
- ✓Twitter Cards: 始终在 OG 标签旁添加 Twitter Card 标签。Twitter 会回退到 OG 标签，但专用标签提供更多控制。