Skip to main content
FreeToolkit .ai

开放图谱（OG）预览与生成器 预览Facebook、LinkedIn和其他平台的开放图谱卡片外观。

开放图谱预览 illustration
📱

开放图谱预览

预览Facebook、LinkedIn和其他平台的开放图谱卡片外观。

1

输入页面详细信息

添加标题、描述、URL、图像 URL 和 OG 类型。

2

预览卡片

查看您的页面在 Facebook 和 LinkedIn 上分享时的显示效果。

3

复制元标签

复制为您的网站生成的 og: 元标签。

Loading tool...

What Is 开放图谱预览?

Open Graph 预览工具允许您查看网页在分享到Facebook、LinkedIn和其他使用Open Graph协议的平台上时的确切外观。Open Graph元标签控制链接预览中显示的标题、描述、图像和类型信息。精心制作的OG预览可以显著增加来自社交分享的点击率--带有优化图像和描述的帖子会获得更大的参与度。本工具提供模仿Facebook/LinkedIn卡片格式的可视化预览，并生成您需要添加到网站HTML中的完整og：元标签集。

Why Use 开放图谱预览?

  • 与 Facebook 和 LinkedIn 卡片布局相匹配的视觉预览
  • 生成所有所需的 og: 元标签
  • 多种 OG 类型：网站、文章、产品、个人资料、视频
  • 字符计数指导，用于优化标题和描述长度
  • 站点名称和 URL 配置，用于完成 OG 设置

Common Use Cases

网站启动

确保所有页面在上线前都具有适当的 OG 标签。

博客发布

优化文章在社交媒体上分享时的显示效果。

电子商务

使用产品类型的 OG 标签，使产品页面在分享时美观显示。

营销活动

控制社交链接预览中显示的确切消息。

Technical Guide

Open Graph协议由Facebook于2010年创建，目前被大多数社交平台用于链接预览。核心必需标签：og:title、og:type、og:image和og:url。推荐的附加标签：og:description、og:site_name、og:locale。对于图像，推荐大小为1200×630像素（1.91:1比例）以实现跨平台的最佳显示。Facebook缓存OG数据约30天--使用Facebook分享调试器（developers.facebook.com/tools/debug/）刷新。LinkedIn有自己的帖子检查工具提供类似的功能。OG标签应位于HTML的<head>部分。如果同时存在OG标签和Twitter卡片，Twitter将优先使用其自身标签，而Facebook则使用OG标签。最佳实践是实现两者以获得对平台的最大控制权。

Tips & Best Practices

  • 1
    使用 1200×630 像素的图像以实现跨所有平台的最佳显示
  • 2
    保持 og:title 在 60 个字符以下，og:description 在 160 个字符以下
  • 3
    使用 Facebook 分享调试器强制刷新缓存的 OG 数据
  • 4
    同时实施 og: 和 twitter: 标签，以获得全面的跨平台控制
  • 5
    在多个平台上测试 -- Facebook、LinkedIn 和 Slack 的渲染方式都不同

Related Tools

推特卡片预览 - free online tool

推特卡片预览

预览链接在Twitter/X上以标题、描述和图片显示的效果。

📱 Social Media
UTM 链接生成器 - free online tool

UTM 链接生成器

构建带有 UTM 参数的 URL，以便在 Google Analytics 中跟踪营销活动。

📱 Social Media
社交分享按钮生成器 - free online tool

社交分享按钮生成器

为您的网站生成多样化的HTML/CSS社交分享按钮，支持多个平台和风格。

📱 Social Media
评论回复模板 - free online tool

评论回复模板

针对正面、负面和中性客户评论的专业回复模板。

📱 Social Media

Frequently Asked Questions

Q 什么是 Open Graph 标签？
Open Graph 元标签是 HTML 标签，用于控制您的网页在社交媒体平台（如 Facebook 和 LinkedIn）上分享时的显示效果。
Q 最佳 OG 图像大小是什么？
推荐的尺寸为 1200×630 像素（1.91:1 宽高比），以实现跨大多数平台的最佳显示。
Q 如何在 Facebook 上刷新缓存的 OG 数据？
使用开发者.facebook.com/tools/debug/上的 Facebook 分享调试器重新抓取您的 URL 并刷新缓存。
Q 我是否需要同时使用 OG 标签和 Twitter Cards？
理想情况下是的。OG 标签被 Facebook、LinkedIn 和大多数平台使用。Twitter 更喜欢自己的 twitter: 标签，但如果缺少则回退到 OG。

About This Tool

开放图谱预览 is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.