标题标签生成器

全球通用工具

标题是搜索结果里的那行大字——人第一眼读到的蓝字——而页面 head 里的 `<title>` 元素就是你写它的地方。本页用你的页面标题和一个可选品牌拼出这个元素,按 60 字符惯例以字符为单位测量结果,并把可直接粘贴或下载的 HTML 交给你。

唯一必填的字段。也就是页面标题;永远不会进入分享链接。

可选。会接在竖线分隔符之后,并显示在末尾。

边输入边更新。所有计算都在你的浏览器里完成,数据不会离开本机。

标题标签

56 个字符

在 60 字符惯例之内

你的 <title> 源码

<!doctype html>
<html lang="zh-Hans">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Smartwatch Battery Life: 2026 Comparison Guide|Northwind</title>
</head>
<body>
</body>
</html>

把它复制到页面的 <head> 里,或下载成 .html 文件。标签里的内容已经转义过。

这些数字没有说明什么

  • 60 只是一个惯例,不是硬性规则:搜索结果页实际用的像素宽度取决于它自己的字体,所以本页按字符数计算。这个标题有 56 个字符,稳稳落在通常的截断线以内。
  • 源码块与站点其它地方一样转义 `&`、`<`、`>` 和 `"`,所以带标记的标题进到 <title> 标签里会变成实体字符——粘进模板也不会破坏页面结构。
  • 填写品牌时,它会在全角竖线之后接上:搜索结果页通常把它放在最后,空间不够时也是最先被截掉的部分。
标题标签是在这个浏览器标签页里用左侧的标题拼出来的,全程没有服务器参与:本页不会发出任何网络请求。

有两件事让这个页面在所有 SEO 工具都在贩卖的那行字面前保持诚实:60 个字符是惯例而不是规则(结果页实际使用的像素宽度取决于它自己的字体);而标题是你的文字落进活生生的标记里——所以每个字段都做 HTML 转义,每个字段都是 noUrl。你输入的任何内容都不会离开标签页,也不会被上传。

关于这个工具

诚实的那一半是它做不到的事:它无法告诉你一个标题是否会赢得点击,也不会假装能测量像素。它能做的是按本站其余部分相同的方式数字符,精确说明结尾会在哪里被截断,并转义那些会破坏模板的字符。

转义在这里比看上去更重要:标题里输入的 `<` 或 `&`,在标题被粘贴进页面时会被读成标记。源码块和 .html 下载携带的是实体形式,因此粘贴时不可能突破这个元素。

它是怎么工作的

你的标题、你的品牌、一个分隔符

页面标题是必填项;品牌以竖线分隔符接在后面(“标题 | 品牌”)。结果页通常把品牌放在最后,所以它也是截断发生时最先掉下去的部分——这正是它被设为可选的原因。

两个字段都在本地标签页里拼装,不上传、不发出网络请求,所以尚未公布的页面标题也可以放心输入;拼出来的标签只出现在源码框和你主动下载的文件里。

以字符为单位测量,按词边界截断

拼接后的标题按 60 字符惯例测量,使用与关键词密度检查器相同的常量和词边界截断规则。未超限时页面会说明;超限时,它会显示结尾具体会怎样被截断,并标出省略号。

从不主张像素数:人们常引用的 580 像素来自结果页自己选择的字体、自己选择的设备——这是桌子这一侧的任何页面都无法测量的。

在进入标记之前先转义

标题中的 `&`、`<`、`>` 和 `"` 在进入源码块或下载文件之前会变成实体——与本站其余部分使用相同的转义,所以区块文本和 .html 文件是完全相同的、可安全粘贴的字符串。

因为输出的是活标记,未转义的尖括号会被读成一个标签;转义把它变成实体,因此可复制的字符串永远不会突破 `<title>` 元素。

构造上就是私密的

两个字段都是 noUrl,因此标题和品牌永远不会进入地址栏、分享链接、复制摘要或打印页脚。标签由固定规则在标签页里拼装,站点也不发出任何网络请求。

拼装和转义都在本地完成,不上传标题或品牌;关闭标签页后,页面不会留下可再次读取的副本,分享页面也不会把标题带进链接。

中文标题按字符计数,品牌前用全角竖线「|」接上,导出的 .html 声明 lang="zh-Hans",粘进编辑器就是一份语言标注正确的页面。60 字符是搜索结果的公开惯例,不是硬规则,页面会如实说明。

title 不等于 H1,搜索结果也可能改写它

页面顶部那行文字其实有两个载体,分工不同。`<title>` 元素决定浏览器标签页上印什么、书签按什么名字保存、搜索结果里那行蓝字显示什么、社交卡片抓不到内容时回落到什么;H1 是正文里的标题,读者已经进来了才读到它。两者通常用不同措辞说同一件事,而本页只产出前一个:你拿到的标签是给 head 用的,不是给 body 用的。

分开写的原因是受众不同。标题要在 60 个字符内和竞争对手并排被截断,所以有用的词要放前面,品牌可以让位;H1 可以是一句提问、一个承诺或一个完整句子,因为读者已经在页面上,不需要再被提醒这是什么站点。把两者互相照抄,最容易得到「读起来像正文标题的 title」和「读起来像搜索结果的 H1」。

还有一件上线后人人都会问的事:搜索引擎可能改写它显示的那一行,常见于查询词与标题重合度低、或标题在堆词的时候,任何生成器都拦不住。本页能做的是把一件事说清楚,并且说在前 60 个字符里——那是你唯一能控制的部分;而转义后的源码块保证了同一个字符串在标签页、搜索摘要和文件里都安全。

示例

示例使用页面自带的默认输入,只改设置;下面的结果与你在页面上看到的完全一致。

未超限的指南标题

页面标题: Solar Panel Payback Period: 2026 Guide · 品牌: Northwind

标题标签

48 个字符

在 60 字符惯例之内

标题加品牌落在 60 字符惯例之内,所以不会被截断。

会被截断的长标题

页面标题: The Complete Guide to Choosing a Smartwatch Battery That Lasts All Week · 品牌: —

标题标签

71 个字符

超出 60 字符惯例

超过 60 个字符后,页面会显示截断具体落在哪里。

恶意字符保持字面形式

页面标题: Compare 5G < plans & "quotes" · 品牌: Northwind

标题标签

39 个字符

在 60 字符惯例之内

尖括号和 & 号在源码块中以实体形式出现。

常见问题

60 个字符是规则吗?

不是,页面也这么写着:60 是被广泛引用的惯例,而结果页真正用来绘制文字的像素宽度取决于它自己的字体和设备。本页数字符,并说明结尾会在哪里被截断,而不是假装测量像素。

为什么要转义标题?

因为输出的是活标记。未转义的 `<` 在标题被粘贴进页面时会被读成一个标签;转义把它变成 `&lt;`,因此可复制的字符串永远不会突破 `<title>` 元素。邮件签名生成器做了同样的选择。

品牌应该放前面还是后面?

在结果页上品牌通常显示在最后,空间不够时最先被截掉——所以本页把它接在竖线之后。如果你的品牌应该在前,就把它写进页面标题里,并把品牌字段留空。

会检查我页面的任何信息吗?

不会。它只读取你输入的两个字段:页面标题和可选品牌。它看不到页面本身,也不发出任何网络请求——你拿到的标签就是你一步步输入出来的标签。

我的标题放在这里安全吗?

安全。两个字段都是 noUrl,因此标题和品牌永远不会进入地址栏、分享链接、复制摘要或打印页脚,本站也不发出任何网络请求;拼装在本地标签页完成,不上传任何内容。

.html 下载里是什么?

一个很小的、自包含的 HTML 文档,`<head>` 里放着已转义的标题——与可复制框里显示的字符串完全相同,因此 `<title>` 元素可以被直接取出来使用。

资料来源与统计口径

  • 60 个字符是广泛使用的惯例而不是规则,因为实际像素宽度取决于结果页的字体。
  • 转义沿用本站统一的四个实体(`& < > "`),下载内容与复制框完全一致。
  • 不会上传任何内容,所有字段也不会进入分享链接。

最近复核于 2026-10-07.

本页在您的浏览器本地运行,请保留原文件备份;不涉及财务建议。 阅读完整免责声明。