Open Graph 标签生成器

控制您的页面在社交媒体上分享时的显示效果。填写字段,然后将代码粘贴到页面的 <head> 中。

您的页面信息

不确定要填写什么?请查看下方的指南。

不超过 60 个字符,分享时就不会被截断。

大多数页面使用 "website"。博客文章使用 "article"。

使用不含 UTM 参数的干净 URL。

建议尺寸:1200 × 630 像素。

您的 Open Graph 标签

代码会随着您的输入而更新。

<meta property="og:title" content="您的页面标题" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://example.com/page" />
<meta property="og:image" content="https://example.com/image.jpg" />

预览

要在社交媒体上分享页面?您需要 Open Graph 标签

Open Graph(OG)标签是页面 HTML 中的 <meta> 标签。它们控制您的页面在社交媒体上分享时的显示效果,从标题和描述到预览图片。

没有 OG 标签
没有 Open Graph 标签的社交媒体帖子:没有图片,也没有标题
有 OG 标签
带有 Open Graph 标签的社交媒体帖子:有图片、标题和描述

如果没有 OG 标签,帖子的显示效果将由社交平台决定。

您分享的每个页面都应包含基本的 OG 标签,因为它们能够:

  • 让用户更愿意点击和分享您的内容。
  • 帮助社交平台理解您的内容,并将其展示给合适的人群。
  • 向用户展示您的内容主题,从而获得更多点击。
  • 让您的图片更相关、尺寸更合适,从而提高曝光度。

OG 标签生成器指南

标题

您希望在社交媒体上显示的页面标题。

类型

您分享的内容类型,例如文章、视频、书籍或公司页面。如果不设置类型,默认值通常为 "website"。请查看完整的类型列表。

URL

所有分享都会链接到的页面 URL。使用不含 UTM 参数的干净 URL。

图片

页面被分享时作为预览显示的图片 URL。

可选的 Open Graph 标签

og:description

用一两句话描述您的页面。

og:site_name

您的页面所属的大型网站的名称,例如 "IMDb"。

og:locale

标签的语言和地区,格式为 language_TERRITORY。默认值为 en_US。

og:locale:alternate

此页面可用的其他区域设置。

og:audio

与您的页面配套的音频文件 URL。

og:video

补充您页面内容的视频文件 URL。

og:determiner

句子中出现在标题前的词:a、an、the、""(空白)或 auto。默认为空白。

获取网站 SEO 方面的帮助

使用 Ubersuggest 查找关键词、跟踪排名并修复 SEO 问题。

免费试用 Ubersuggest