两个 title 标签对比工具
并排比较一个 <title> 标签的两个版本,选出在搜索结果中显示效果最佳的那个:估算的像素宽度、字符长度,以及仿 Google 的预览。
标题 A
估算宽度:0 px / 580 px
长度:0 / 60 个字符
空
页面标题
exemple.com
标题 B
估算宽度:0 px / 580 px
长度:0 / 60 个字符
空
页面标题
exemple.com
工作原理
Google 截断标题并不是按固定的字符数,而是按以像素计的显示宽度:同样的字符数下,满是「i」和「l」(窄字母)的标题比满是「M」和「W」(宽字母)的标题占的宽度更小。此工具通过浏览器的 Canvas API(measureText),使用与 Google 桌面端相近的字体和字号来测量每个标题的实际宽度,这比单纯的字符计数更可靠,便于对比两种写法。
为什么像素限制和字符数限制给出的结果并不总是一致?
由窄字母组成的 60 个字符的标题可能不会被截断,而由宽字母(大写字母、「M」、「W」)组成的 50 个字符的标题可能已经被截断。因此像素限制(桌面端约 580 px)是最可靠的指标;字符数限制(约 60)仍然是一条便捷的安全经验法则。
像素测量与 Google 使用的完全一致吗?
不一致,这只是基于一种与搜索结果中所显示字体相近的标准字体得出的近似值。Google 可能随时调整其版面和显示字体;请把这个测量值当作两个标题之间的对比指标,而不是精确到像素的保证值。
您的标题和 URL 保留在浏览器中:测量通过 Canvas API 在本地完成,不会向服务器发送任何内容。