OG Meta 生成器

填写标题、描述、URL 与分享图,一键生成社交媒体预览所需的 meta 标签。

阅读完整指南: SEO Meta 与 Open Graph:长度、标签与索引 →

隐私提示:本地解析,不上传服务器。

↓ 在下方输入区粘贴内容,结果会立即显示

填写页面信息,实时生成 Open Graph 与 Twitter Card meta 标签。

标题
站点名
描述
页面 URL
分享图 URL

Meta 标签

注释说明

使用说明

将输出粘贴到 HTML head。图片建议 1200x630; URL 需为绝对地址。

填写标题、描述、URL 与分享图,一键生成社交媒体预览所需的 meta 标签。

快速开始

  1. 填写字段

    输出随输入实时更新。

  2. 复制到 head

    粘贴到 HTML 或框架的 head 配置。

图片要求

Facebook/Slack 等推荐绝对 HTTPS 图片 URL,比例约 1.91:1。

典型工作流

使用 OG Meta 生成器时,首先准备好网页的标题、描述和 URL。确保标题简洁有力,在 60 字符以内;描述控制在 150 字左右,概括核心内容。上传的分享图建议为 1200×630 像素,JPG 或 PNG 格式,文件大小不超过 5MB。

复制生成的 meta 标签代码,粘贴到网页的 <head> 部分。对于动态网站,可将代码集成到模板系统。发布前用 Facebook Sharing Debugger 或 Twitter Card Validator 测试效果,即时调整不显示的图片或文字截断问题。

示例

输出

Input

title, description, url, image

Output

og:* and twitter:* meta tags

FAQ

包含 favicon 吗?

不包含; 请单独添加 link rel=icon。

为什么社交媒体不更新我的链接预览?

Facebook 和 Twitter 会缓存链接预览数据长达 7 天。强制更新可通过各自调试工具提交重新抓取请求,或临时在 URL 后添加随机参数(如 ?v=2)绕过缓存。长期解决方案是确保服务器返回正确缓存头。