技术

什么是 HTML 的 <title> 标签,没有它会怎样?

在访客甚至还没加载你的内容之前,一个标签就能控制他们在三个不同地方看到的内容。

这是什么

<title> 标签是放置在页面 <head> 部分中的一小段文字,用来给页面命名——它不会显示在可见页面内容的任何地方。相反,它会出现在访客在看到(或代替看到)页面本身之前很可能会看到的三个地方:浏览器标签页上的文字、有人收藏该页面时保存的名称,以及搜索引擎结果列表中那个可点击的蓝色标题。

当这个标签完全缺失时,浏览器不会留空——它们会在这三个地方都退回显示一些无用的东西,比如页面的原始网址,或者干脆显示「Untitled Document」这几个字。

为什么重要

缺失标题是那种在查看页面本身时对你不可见(内容依然正常显示),却在页面名称被引用的其他每个地方都高度可见的问题之一。浏览器标签页里显示的是你网站的实际地址而不是页面名称,会让访客更难在多个打开的标签页中重新找到你的标签页;没有真实标题保存的书签,在保存的那一刻起就变得毫无意义;而没有标题的搜索结果,人们点击的可能性也会大大降低。

这也是搜索引擎、安全扫描工具,或仅仅是好奇的访客点击「查看源代码」时会立即注意到的最基本技术检查之一——这是判断网站是否完工的一个非常早期的信号。

如何解决

  1. 在每个页面的 <head> 部分添加 <title>你的页面名称</title> 标签。
  2. 让文字针对该特定页面而非全站通用——单纯写「首页」或你的公司名,比「定制皮革钱包 — [你的公司名]」传达的信息要少得多。
  3. 如果你使用的是网站建设工具(Squarespace、Wix、Webflow、WordPress),在该特定页面的设置中寻找「页面标题」或「SEO 标题」字段,而不是直接编辑代码。
  4. 也检查一下你网站上的其他几个页面——一个页面缺失标题,通常意味着由同一模板构建的其他几个页面也存在同样的问题。
  5. 重新运行你的 Launch Readiness 检查,确认现在每个页面都已检测到标题。

看看你自己的网站是否也有这个问题

Launch Readiness 会在几秒内检测你的网站是否存在此问题以及其他约 50 个上线前的问题——免费,无需注册。

立即免费检测