Meta/OG 标签生成器
填写标题、描述、链接与配图，一次生成 SEO meta 标签 与 Open Graph / Twitter Card 分享卡片代码， 并实时预览搜索结果与社交平台分享效果。全部在浏览器本地拼装，不上传任何内容。
搜索结果预览（Google 样式）
https://example.com
页面标题
页面描述会显示在这里。
社交分享卡片预览
SITE
页面标题
页面描述
标题建议 60 字内、描述 120-160 字，过长会在搜索结果中被截断；分享配图建议 1200x630，过小会显示模糊。
使用说明
把页面的标题、描述、链接与配图填进去，一次生成基础 SEO meta、Open Graph 与 Twitter Card 三组标签代码，并实时预览 Google 搜索结果样式和社交平台分享卡片。所有标签都在浏览器本地拼装，不上传任何内容。
- 在左侧依次填写页面标题、描述、canonical 链接、分享配图地址，以及站点名称、类型与语言。
- 选择是否输出 Twitter Card 及其类型（summary_large_image 或 summary），需要时填入 @账号。
- 右侧会实时预览搜索结果与分享卡片的样式，可对照检查标题、描述是否被截断。
- 点「生成代码」或「复制代码」，把得到的 meta 标签粘贴到页面 head 中即可。
常见问题
- 标题和描述多长合适？
- 标题建议 60 字以内、描述 120-160 字，超出部分会在搜索结果中被截断。工具预览区按这个长度做了截断提示，方便你对照调整。
- og:image 有什么尺寸要求？
- 主流平台推荐 1200×630（约 1.91:1），过小会显示模糊或被裁切。图片地址需为可公网访问的绝对 URL，相对路径不会被平台抓取。
- 这些标签和 sitemap、robots 是什么关系？
- meta/OG 标签描述「单个页面是什么」，sitemap 声明「站内有哪些页面」，robots.txt 约定「哪些可抓」。三者配合才能让搜索引擎与社交平台更完整地理解站点。