为您的页面生成完美的 OG 元标签和 Twitter Card。精准预览链接在 Facebook、LinkedIn、Twitter/X 等平台分享时的展示效果。
Open Graph (OG) 标签是放置在网页 <head> 部分的 HTML 元标签,用于控制内容在社交媒体平台分享时的展示方式。该协议由 Facebook 于 2010 年推出,随后成为社交链接预览的通用标准。当用户将您的 URL 粘贴到 Facebook、LinkedIn、Twitter/X、Discord、Slack 或 iMessage 时,平台会读取您的 OG 标签来生成出现在信息流中的预览卡片。
四个必需的 OG 属性是 og:title、og:type、og:image 和 og:url。除此之外,强烈建议添加 og:description 和 og:site_name。如果缺少这些标签,平台会自行猜测——提取页面上找到的文本和图片,往往导致裁剪不当、缩略图错误或缺少描述。精心配置的 OG 标签可确保每次内容分享都显得专业且具点击价值。
使用正确 OG 标签的社交分享,尤其是引人注目的图片和标题,始终优于未使用的分享。研究表明,拥有优化预览卡的帖子获得的互动量 是未使用或通用预览的 2-3 倍。对于依赖社交流量的企业,这直接影响引荐访问、品牌认知,最终转化率。它是您对网站进行的最简单、最高投资回报的优化之一。
每个平台读取 OG 标签的方式略有不同,但核心行为相同:当 URL 被分享时,平台的爬虫会访问页面,解析 <head> 中的 OG 元标签,并据此生成预览卡片。
og:title、og:description、og:image 和 og:url。其 Post Inspector 工具可让您预览并刷新缓存的预览。twitter:card、twitter:title 等),但在缺少 Twitter 专属标签时会回退到 OG 标签。始终同时包含两者以实现完整控制。theme-color 元标签以设置嵌入的强调颜色。为获得最大兼容性,请同时包含 OG 标签和 Twitter Card 标签。将此生成器与我们的 Meta Tag Generator 结合使用,以实现完整的 <head> 优化,并使用我们的 SERP Previewer 优化页面在 Google 搜索结果中的展示效果。
Open Graph 标签是位于页面 head 部分的 HTML 元标签,用于控制页面在社交媒体分享时的展示方式。该标签由 Facebook 于 2010 年创建,定义了在链接预览卡片中显示的标题、描述、图片、URL 和内容类型。Facebook、LinkedIn、Twitter/X、Discord、Slack 以及大多数其他平台都会读取 OG 标签以生成丰富的链接预览。
Open Graph 标签由 Facebook 创建,是大多数平台使用的通用标准。Twitter Card 是 Twitter 自有的元数据格式,使用 twitter:card、twitter:title、twitter:description 和 twitter:image 等属性。如果缺少 Twitter 自有标签,Twitter 会回退到 OG 标签,但同时使用两者可让您在所有平台上完全控制内容展示方式。Twitter Card 的主要独特功能是卡片类型选择器(summary、summary_large_image、app、player)。
推荐的 og:image 尺寸为 1200 x 630 像素,宽高比为 1.91:1。该尺寸在 Facebook、LinkedIn、Twitter 等平台上表现良好。Facebook 接受的最小尺寸为 200 x 200 像素,但小于 600 x 315 的图片会以小缩略图形式显示,而非大预览卡片。请使用高分辨率图片,并将重要内容居中,因为不同平台可能会对边缘进行裁剪。
Open Graph 标签并不会直接影响 Google 搜索排名。Google 使用其自身的信号,并不读取 OG 标签来进行排名评估。然而,OG 标签通过提升社交媒体的点击率、带来更多引荐流量以及提升品牌曝光度,间接有助于 SEO。更多的社交分享可能带来更多的外部链接和品牌搜索,这些都是正面的排名信号。精心制作的 OG 标签是任何完整 SEO 策略中的最佳实践。