Open Graph 预览生成器

预览效果

https://example.com

页面标题

页面描述

生成的标签

<meta property="og:type" content="website" />
<meta property="og:locale" content="en_US" />
<meta name="twitter:card" content="summary_large_image" />

什么是Open Graph 预览生成器?

当您在社交媒体上分享链接时,Open Graph(OG)标签决定了预览卡片上显示的标题、描述、图片和网站信息。正确配置的 OG 标签能显著提升点击率和社交分享效果。我们的 Open Graph 生成器提供可视化预览,让您在发布前就能看到分享效果。支持 Facebook、Twitter(Twitter Card)、LinkedIn 等主流平台。生成标准 HTML 代码,可直接粘贴到网页 head 区域。

使用场景

  • 网站社交分享优化
  • 博客文章 OG 标签配置
  • 产品页面分享预览
  • 落地页社交分享设置
  • 新闻网站分享优化

如何使用?

  1. 1输入页面标题和描述
  2. 2上传或输入预览图片 URL
  3. 3查看实时预览效果
  4. 4复制生成的 HTML 代码到网页 head

功能特点

  • 实时预览
  • 多平台支持
  • 自定义 OG 标签
  • Twitter Card 支持
  • 一键复制代码
  • 浏览器本地处理
  • 免费使用
  • 无需注册

常见问题

什么是 Open Graph 标签?

Open Graph(OG)是由 Facebook 提出的一种协议,通过在 HTML 中添加特定的 meta 标签来控制网页在社交媒体上的分享效果。

预览图片推荐尺寸是多少?

推荐尺寸为 1200×630 像素,比例为 1.91:1。这是 Facebook 和 Twitter 推荐的最佳预览图尺寸。

需要为每个页面设置不同的 OG 标签吗?

是的。每个页面应该有独特的标题、描述和预览图,这样才能在社交分享时展示最相关的内容。

这个工具免费吗?

完全免费,无需注册或登录。打开网页即可使用所有功能。

我的数据会被上传吗?

不会。所有处理都在浏览器本地完成,代码和数据不会离开您的设备。

可以在手机上使用吗?

可以。响应式设计确保在手机、平板和电脑上都能正常使用。