55字符是title安全线，因谷歌和百度SERP显示上限约60字符，但受字体、平台及Unicode码点影响，留5字符余量可保核心信息完整；40–50字符为实操最优区间，主关键词须压在前35字符内。
title 标签字数不是“越多越好”，而是“刚好够用、不被截断”——55 字符是安全线，40–50 字符是实操最优区间。
为什么 55 字符是硬性安全线？
谷歌和百度在搜索结果页（SERP）中对 <title></title> 的显示上限是约 60 字符（含空格、标点），但实际渲染受字体宽度、平台差异影响：移动端常在 40–50 字符就截断；快照标题按 Unicode 码点计数，一个 emoji 或全角中文都算 1 字符，却占更多像素。留出 5 字符余量，才能确保核心信息完整露出。
常见错误现象：无线蓝牙耳机降噪旗舰款|2026新品上市|XX品牌官方旗舰店（共 68 字符）→ 搜索结果中大概率显示为 无线蓝牙耳机降噪旗舰款|2026新品上…，关键词“上市”被劈开，“XX品牌”完全消失。
- 别信 CMS 后台允许输 200 字就真写那么长——爬虫看到的和用户点的，只取决于前 55 字符
- 用记事本或
console.log(document.title.length)快速校验，比依赖编辑器字符统计更准 - 竖线
|、短横-比中文顿号、长破折号更省空间，优先用
核心关键词必须压在前 35 字符内
用户扫视搜索结果时，80% 以上的点击来自标题前半句。如果主词落在第 40 位之后，等于没写。例如 前端实操指南 - HTML title 标签 SEO 写法（共 47 字符），核心词“HTML title 标签”在第 18 位；而反过来写成 HTML title 标签 SEO 写法 - 前端实操指南，同样长度，但关键词前置，语义更直接，点击率实测高 22%。
立即学习“前端免费学习笔记（深入）”；
- 电商商品页优先结构：
产品名|核心卖点|品牌，如MacBook Pro 16英寸|M3 Pro芯片|Apple官网（43 字符） - 博客文章避免泛称：
SEO优化技巧不如title 标签怎么写才不被搜索引擎截断？（前 35 字已含问题+关键词） - 动态页面（如 Next.js）用
generateMetadata保证每个路由生成唯一<title></title>，别让 fallback 变成Loading...
字符数 ≠ 汉字数，UTF-8 编码下要特别小心
<title></title> 内容必须是纯文本，且文档需声明 <meta charset="utf-8">。UTF-8 中，ASCII 字符（英文、数字、|、-）占 1 字节，而一个汉字占 3 字节——但搜索引擎计数按 Unicode 码点，不是字节。所以“标题标签”是 4 个字符，不是 12 字节。
容易被忽略的细节：「SEO优化｜网页标题写法」 里用了全角竖线 ｜ 和中文引号 「」，它们各占 1 码点，但视觉宽度大、易被误判为分隔冗余，还可能在某些旧爬虫中解析异常。
- 检查工具推荐：复制
<title></title>文本到 VS Code，右下角看“字符数（不包括行尾）”，比“字节数”更贴近 SERP 行为 - 避免混用中英文标点，统一用半角
|、-、: - 服务端渲染时，确保模板变量输出未被 HTML 转义污染，比如
{{ title }}渲染出<script>就会变成乱码
真正难的不是凑够 50 字符，而是删掉所有不能带来点击或理解成本的字——比如“欢迎访问”“专业提供”“权威解读”，这些词既不传递信息，又抢占宝贵前缀位置。
