Meta 标签生成器

在线 Open Graph / Twitter Meta 标签生成工具，一键生成社交媒体分享卡片 HTML 代码。

Meta 标签生成

页面类型

Title

Description

URL

Image URL

Image Width

Image Height

Image Alt

Twitter Card

Twitter Site

Twitter Creator

生成的 Meta 标签

<!-- og meta -->
<meta property="og:type" value="website" />

<!-- twitter meta -->
<meta name="twitter:card" value="summary_large_image" />

Meta 标签生成器基于 @it-tools/oggen 库，根据输入的页面标题、描述、URL、图片等信息，自动生成符合 Open Graph 协议和 Twitter Card 规范的 HTML meta 标签。还自动生成兼容 Twitter 的替代标签。

适用于需要在微信、Facebook、Twitter、LinkedIn 等平台分享链接时展示富媒体卡片的前端开发者和内容创作者。

Open Graph 标签有什么用？

OG 标签控制网页在社交媒体（Facebook、Twitter、LinkedIn、微信等）分享时显示的卡片外观：标题、描述、缩略图等。没有 OG 标签时平台会自行猜测提取，效果通常不理想。

og:image 最佳尺寸是多少？

Facebook 推荐 1200x630 像素，Twitter 推荐 1200x600（或 1:1 的正方形）。使用至少 1200px 宽度的图片可确保在高分辨率设备上显示清晰。图片格式推荐 JPEG 或 PNG，大小不超过 5MB。

生成的标签会包含 Twitter 兼容标签吗？

会。本工具会自动生成 twitter:card、twitter:title、twitter:description、twitter:image 等 Twitter 专用标签，即使原始输入中只填写了 OG 标签。这确保在 Twitter 上也能正确展示分享卡片。