G4.09.1document title names this page, not only the site设计研究

页面标题需反映当前具体内容,而非全站统一的站点名

别名: 具体页面标题 · document.title · 不是站点名 · unique page title

概念解释

document.title 是这份文档在浏览器里的名字。它必须说出当前这一页是什么:哪篇文章、哪件商品、哪一步设置,而不是全站每一页都写同一个品牌名。站点名可以当后缀,但不能当唯一内容。标题答的是「这一份文档叫什么」,不是「这个产品叫什么」。

机制

浏览器、操作系统、读屏器都把 document.title 当这份文档的主键来展示和朗读。若主键在全站恒定,文档之间无法被索引。人离开页面之后,工作记忆里剩下的是「我在看那篇关于返回栈的文章」,不是品牌。统一站点名把所有历史项、所有标签、所有读屏的网页列表焊成同一句话,检索只能靠记忆顺序。SPA 若只在外壳设一次 title、路由切换不改,问题更重:应用内部已经换了对象,操作系统还以为是同一份文档。

把品牌放在前面(Acme — 发票 #1842)在窄标签上会被裁成只剩 Acme。具体内容放前面,裁切后仍可能认出对象。标题不是营销位,占用它来写口号,等于放弃这份文档在系统里的名字。

怎么研究

收集同一站点若干内页的 document.title,做「只看标题找回刚才那一页」的任务,比较全站统一、品牌在前、具体对象在前。

  • 因变量:找回正确页的比例、读屏网页列表里能否点名当前页、窄标签裁切后仍可识别的比例。
  • 自变量:标题模板(仅品牌 / 品牌+对象 / 对象+品牌)、标签宽度。
  • 方法论注意点:被试刚从页内看过 H1,会用短期记忆补标题的贫乏。要在离开页面、只给标题列表时测。不要用首页当刺激,首页用站点名是合法的。T 域标题契约研究测的是页内主标题是否预告内容,这里测的是文档名本身是否按页变化。

边界

登录页、错误页、空的工作台可以用稳定类别名(「登录」「仪表盘」),不必硬造对象名。品牌本身就是产品、且全站只有一页的工具,站点名即页面名。临时的加载态可以先用上一路由的标题,但落地后必须换成这一页的。搜索引擎展示的 SERP 标题可以另做,不要求与 document.title 逐字相同,但对象身份应能对上。

怎么落地

  • 为每条路由写标题模板:具体对象或任务在前,品牌可作后缀;禁止全站硬编码同一字符串。
  • SPA 在路由完成、数据到达后改 document.title,不要只在 index.html 写一次。
  • 验证:打开三件不同商品、两篇不同文章,看标签和系统窗口名是否能不看页内就分开。全部是品牌名即失败。把品牌挪到最前并缩窄标签,若只剩品牌,模板顺序错了。

延伸

  • 同组G4.09.2 标题是标签页、历史记录与收藏夹中识别页面的主要依据 · G4.09.3 多标签页同时打开同站点时,重复标题会让用户无法区分 · G4.09.4 页面标题应与页内主标题一致,避免用户怀疑跳转到错页 · G4.09.5 动态更新的标题需避免过于频繁抖动,干扰标签页扫视
  • 相邻T2.02 标题与标签的可预测性 · G2.05 位置指示 · G4.02 深链接
  • 站内检索document.title · page title · unique title

同组卡片

快捷操作

分享

分享当前页面

ios_share

https://hci.top/zh/handbook/G4.09.1