站点与 SEO 开发

Meta 标签生成器

填写页面与分享信息,对照搜索和社交卡片预览,复制生成的 head 代码。

Meta 标签生成器

页面与分享字段

预览与代码

生成后显示预览
生成后显示预览
生成后显示预览

head 中的 HTML

字段和 HTML 只在此浏览器处理。只有点击加载图片预览才会请求图片服务器。

标签选项

填写页面标题或载入示例。

文章标题在搜索结果里清楚,转发到聊天里却可能被截断。Meta 标签生成器让页面文案和分享文案分开调整,同时保留空白覆盖字段的继承规则。

Open Graph 生成器把字段、HTML 与卡片草图放在一起;OG 卡片预览仅作排版参考。第三方可能缓存旧图、重写摘要或裁剪图片,不能把草图当作发布后的实测结果。

为什么使用 Meta 标签生成器

一组字段,对照多种展示

Meta 标签生成器同时给出搜索摘要、社交分享卡片和 X 卡片的近似视图。先看长标题是否挤占空间,再决定是否另写社交标题;生成代码仍来自同一组字段。

一组页面字段分别形成搜索摘要与不同尺寸的分享卡片。

由您决定何时加载图片

填写 og:image 地址只生成标签,不访问图片服务器。卡片先显示本地占位;按下加载图片预览后,浏览器才会向该图片域名发出请求。

分享卡片先显示本地图片占位,用户明确操作后才显示远程图片。

先看继承关系,再导出代码

01

社交文案留空即可继承

社交标题和描述留空时使用页面标题与描述;X 卡片再继承 Open Graph 文案。只有需要不同分享语气时才填写覆盖字段,避免重复标签。

02

图片地址必须是绝对链接

og:image 接受 HTTP(S) 地址,输入时不会请求服务器。只有显式加载预览才会访问图片来源;缺少图片仍可生成代码,但四项核心 OG 属性并不完整。

03

编辑后等结果刷新

自动生成会等待约 350 毫秒;关闭后可用生成按钮或 Ctrl/Cmd + Enter。字段或选项变化时,旧代码立即标记过期,复制与下载会暂时禁用。

页面与分享标签包含什么

标题、描述和搜索摘要

页面标题必填,描述可选。预览显示您输入的标题、地址和摘要;字符计数只是提示,Google 仍可能按查询改写标题或截取不同文字。

Open Graph 主要字段

Open Graph 生成器输出 og:type 与 og:title,并按填写情况加入描述、URL、图片和站点名。OG 卡片预览会标出未加载的图片,不假装已验证远程地址。

Twitter Card 与 X 展示

可选大图或摘要卡,也可关闭 twitter:card。X 默认从 OG 继承标题、描述和图片,不额外制造一套内容相同的 Twitter 标签。

粘贴现有 head

解析粘贴的 HTML 后将支持的标签带回表单,遇到重复标签保留第一项并提示。导入与清空先显示将改动的非空字段数量,应用后可撤销一次。

近似预览的实际边界

不扫描在线页面
页面 URL 只用来写 og:url、规范链接并显示域名。工具不会访问该页面,也不能证明标签已经部署或服务器返回正常。
远程图片需要主动加载
输入图片 URL、粘贴 head 和生成 HTML 都不会访问图片主机。只有点加载图片预览才会发请求,图片服务器可能记录您的 IP;本地加载失败不等于社交爬虫一定失败。
平台可能显示不同内容
Google 可改写摘要,Facebook、X 和微信可能缓存旧卡片或裁剪图片。这些都是近似视图,不是实际抓取、缓存刷新或像素级保证。
字段允许留空,但地址要有效
页面标题必填;描述、页面 URL 和图片 URL 可留空。填写 URL 时必须是绝对 HTTP(S) 地址,拒绝相对路径、空格和带账号密码的链接。
不扩展到其他 SEO 协议
这里不生成图片、不上传文件,也不处理 robots、hreflang、JSON-LD、文章扩展字段或 meta keywords。需要检查现有标签时请粘贴 head,而不是提交待抓取网址。

Meta 标签生成器常见问题

Open Graph 和 Twitter Card 标签是什么?

Open Graph 提供分享标题、描述、URL 和图片等信息;twitter:card 指定 X 的卡片类型。本工具让 X 继承 OG 文案,不必重复填写相同的标题与描述。

分享图片该用多大尺寸?

各平台的裁剪规则会变化。请准备可公开访问、适合宽卡片的图片并保留安全边距;这里不读取远程图片尺寸,也不会保证某个尺寸在所有平台完整显示。

为了 SEO 还需要 Meta 描述吗?

描述可以帮助搜索结果呈现页面主题,但 Google 可能改用页面正文。Meta 标签生成器允许留空描述,同时会提示搜索摘要和 OG 描述不完整。

为什么我分享的链接还是显示旧的预览?

平台通常缓存已抓取的标题和图片。先确认新标签已部署,再使用对应平台的调试或重新抓取工具;本地预览无法清除第三方缓存。

我输入的内容会被上传到服务器吗?

字段、解析和 HTML 生成都在当前浏览器完成。页面 URL 不会被抓取;只有您点加载图片预览时,浏览器才会向所填图片服务器发请求。

发现生成的标签有问题?

现在用 Meta 标签生成器起草标签

先用 Meta 标签生成器比较搜索摘要与分享卡片,再复制经过 HTML 转义的代码放进页面 head,部署后到各平台核对实际效果。