Open Graph标签生成器 - 社交媒体预览
生成社交媒体分享的Open Graph Meta标签，预览页面在Facebook、LinkedIn等平台的展示效果。
使用说明
- 在og:title中填写社交媒体分享时显示的标题（可与页面标题不同）。
- 撰写吸引注意力的og:description——它显示在社交预览中标题下方的摘要部分。
- 添加至少1200×630像素的og:image图片URL，以获得最佳显示质量。
- 输入此页面的规范og:url（使用完整URL，包括https://）。
- 点击"生成OG标签"创建代码，查看社交媒体预览，然后复制到HTML的<head>部分。
关于Open Graph协议
什么是Open Graph？
Open Graph（OG）是Facebook于2010年创建的协议，使任何网页都能成为社交图谱中的富媒体对象。通过添加OG Meta标签，您可以控制内容在Facebook、LinkedIn、Slack、Discord、WhatsApp等众多平台上分享时的显示方式。没有OG标签，这些平台会从页面中抓取任意内容，效果往往很差。
og:image最佳实践
og:image标签指定社交分享预览卡片中显示的图片。最佳实践：使用至少1200×630像素以适应高分辨率显示，文件大小保持在8MB以下，使用JPG或PNG格式，避免文字密集的图片（在移动端会被裁剪）。Facebook对图片有很强的缓存机制——更新图片时使用唯一URL以强制刷新缓存。
og:type的值
og:type标签描述内容的类型。常见值包括：'website'（默认，用于一般网页）、'article'（用于博客文章和新闻）、'product'（用于电子商务）、'video.movie'或'video.episode'（用于视频内容）以及'music.song'或'music.album'（用于音乐）。Facebook等平台对特定内容类型会呈现更丰富的预览。
og:locale与多语言
og:locale标签使用IETF语言标签（如'en_US'、'zh_CN'、'es_ES'）指定内容的语言和地区。对于多语言网站，您可以使用og:locale:alternate列出其他语言版本。这有助于社交平台提供正确的语言版本，改善国际受众的分享体验。
主要特性
- 生成所有必要的OG标签：标题、描述、图片、URL、类型、网站名称、语言区域
- 实时社交媒体预览卡片，显示内容分享时的效果
- 一键复制完整生成的HTML代码
- 通过下拉选择器支持所有og:type值
常见应用场景
- 优化博客文章和文章在社交媒体分享时的展示效果
- 为电子商务产品页面创建自定义分享预览
- 确保品牌在所有社交媒体分享中的一致性
- 排查页面分享预览显示错误内容的原因