OG Tag Generator

Generate Open Graph and Twitter tags

标题

建议：60字符以内

描述

页面 URL

图片 URL

建议：1200×630px

图片替代文字

网站名称

OG 类型

语言

Twitter 卡片

Twitter @用户名

生成的标签

<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:locale" content="en_US">

<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image">

关于本工具

Open Graph 标签控制页面在 Facebook、LinkedIn、WhatsApp 等社交媒体平台上分享时的显示方式。没有这些标签，平台可能会选择错误的图片或标题。

Twitter Card 标签在 Twitter/X 上起到相同的作用。summary_large_image 卡片类型显示突出的图片，非常适合文章和博客文章。为了在所有平台上获得最佳效果，图片应至少为 1200×630 像素。

使用方法

填写标题、描述和 URL 字段。
添加社交预览图片的 URL 和替代文字。
选择 OG 类型、语言和 Twitter 卡片设置。
复制生成的标签并粘贴到 HTML 的 <head> 部分。

使用场景

Web 开发者确保新页面在社交媒体上分享时正确显示。营销人员保证内容分享时有吸引力的预览。博主为文章设置正确的图片和描述。SEO 专家优化社交元数据以提高互动率。

常见问题

OG 标签和 Twitter Card 标签有什么区别？ — OG 标签被 Facebook、LinkedIn、WhatsApp 等大多数社交平台使用。Twitter Card 标签专用于 Twitter/X，但在没有 Twitter Card 标签时 Twitter 也会回退到 OG 标签。
推荐的图片尺寸是多少？ — 推荐 1200×630px。图片太小可能会被平台跳过。文件大小应小于 8MB。
应使用哪个 og:type 值？ — 一般页面使用 "website"，新闻或博客文章使用 "article"。其他值包括 video、music、book 和 profile。