0 / 60 字符（超出部分搜索结果可能被截断）
0 / 160 字符（建议 70~155）
把生成的代码整段粘贴到网页 HTML 的 <head> 与 </head> 之间即可。全程本地生成，不上传。
填写标题后，这里实时生成代码。
📱 搜索结果预览
不是标签越多越好，基础标签做对比堆砌无效标签更有用。
| 标签 | 作用 | 建议 |
|---|---|---|
| title | 浏览器标签与搜索结果标题 | ≤60 字符，核心词靠前，每页唯一 |
| description | 搜索结果的摘要文字 | 70~155 字符，自然概括，引导点击 |
| keywords | 旧版关键词声明 | 主流搜索引擎已基本忽略，少量写即可 |
| canonical | 声明规范网址，避免重复内容 | 多个 URL 指向同一页时务必填写 |
| og / twitter | 控制社交平台分享时的标题图卡 | 做内容站、电商站建议配置分享图 |
标签写得规范是基础，排名仍取决于内容本身。
| 误区 | 问题 | 正确做法 |
|---|---|---|
| 全站标题都一样 | 搜索引擎无法区分页面，影响收录与点击 | 每个页面写唯一的标题与描述 |
| 关键词堆砌 | 「工具,工具,在线工具……」既不自然还可能被判作弊 | 描述写通顺的人话，关键词自然出现 |
| 标题写太长 | 超出部分在搜索结果被截断，重点信息丢失 | 核心内容放在前 30 个汉字内 |
| 迷信 keywords | 主流搜索引擎早已不把它作为排名依据 | 精力放在 title / description / 正文 |
⚠️ 本工具只按你填写的内容拼接规范的 META 标签文本，不保证搜索引擎排名或展示效果。
搜索结果实际显示的标题与摘要可能被搜索引擎按查询词动态改写，分享卡片样式也以各平台实际抓取为准。
改完线上页面后，可在各站长平台用「网址检查 / 分享调试」工具主动刷新抓取缓存。
所有内容在你自己的浏览器本地生成，不会上传到任何服务器。
网页 <head> 里的 META 标签，决定了搜索结果里显示什么标题和摘要、分享到微信/微博/Twitter 时呈现什么卡片。手写容易漏标签、长度超标或语法出错。
这个工具只解决一件事：填好标题、描述等信息，实时拼出规范的 head 元标签，并给出长度与完整度建议。
它能生成什么：
① 基础 SEO：<title>、description、keywords、canonical、robots、字符集与视口；
② Open Graph：og:title / og:description / og:type / og:url / og:image / og:site_name，控制主流社交平台分享卡片；
③ Twitter Card：twitter:card / title / description / image；
④ 实时校验：标题、描述字数统计，超长标红，按完整度打 SEO 健康分；
⑤ 搜索结果预览：直观看到在搜索结果里大概长什么样；
⑥ 一键复制：粘贴进 <head> 即可。
必须知道的三件事：
· META 标签是收录与展示的基础，不是排名捷径，内容质量才是核心；
· 搜索引擎可能动态改写标题摘要，生成结果是「建议的默认值」；
· 每页标签要唯一，不要整站套用同一套标题描述。
整个生成过程都在你自己的浏览器里跑，不上传任何内容。
生成流程：
① 收集字段：读取标题、描述、关键词、URL、封面图、站点名等输入；
② 条件拼接：只有填了的字段才输出对应标签，避免产生空标签；
③ 分组输出：按基础 SEO → Open Graph → Twitter Card 顺序生成，属性值做双引号转义；
④ 实时校验：统计标题/描述字符数，对超长、过短、缺 URL、缺分享图等情况给出提示并打分；
⑤ 预览同步：把标题描述渲染成搜索结果样式，超长部分模拟截断。
它不做：不校验网址是否可访问、不抓取线上页面、不提交给搜索引擎、不保证实际展示与排名。
og:image 地址无法被公网访问，或填成了相对路径（建议用完整 https 绝对 URL）；<meta name="robots">：<head> 与 </head> 之间，通常放在 charset、viewport 附近即可。审核通过后就会展示在留言板上，稍安勿躁～
还没有留言，来抢沙发吧！