标题标签 (Title Tag)
HTML 的 title 标签。显示在搜索结果和浏览器标签页中的页面标题。由于会按显示宽度被截断,把什么放在开头是关键。
标题标签 (title tag) 是通过 HTML 的 <title> 元素指定的页面标题。它显示为搜索结果中可点击的标题、浏览器标签页、书签名称以及在社交媒体分享时的标题。它是搜索结果中最先被阅读的部分,是否打开该页面的判断几乎在这里就已决定,因此在 SEO 实务中是优先整理的元素。
Google 表示 <title> 元素的长度没有限制,并说明搜索结果中的标题会根据需要按设备的显示宽度截断。因此,"多少个字符以内就能全部显示"这样的官方阈值并不存在。实务中常把日文 30 个字符左右、英文 50〜60 个字符左右作为工作上的参考值,但这只是观察显示结果得来的经验值,同一个标题在桌面端和智能手机上的截断位置也不同。由于截断从末尾开始,把重要的词语和信息靠前放置、后半部分用于即使被截断也不破坏含义的补充说明,才是安全的做法。例如"字符计数的方法与注意事项 - 初学者完全指南",即使末尾的网站名或修饰语被截掉,主旨仍能传达。
关于写法,Google 给出的指引包括:描述内容且简洁、避免关键词堆砌 (keyword stuffing)、不在多个页面重复使用相同文字、标题使用与正文相同的语言和书写系统等。它还明确建议避免只用"首页"、"个人资料"这类看不出是什么页面的词语作标题。在标题中包含网站名称时,以"| 网站名"或"- 网站名"的形式附加在末尾是实务中广泛采用的写法。这里需要注意的是,网站名会占用本可用于主题的空间。对于网站名较长的网站,在发生截断的环境下主题的末尾会先被截掉,因此是否加入网站名可以按页面类型分别判断。
Google 并不一定会把设置好的标题标签原样显示在搜索结果中。官方列出的搜索结果标题 (标题链接) 的生成来源包括:<title> 元素的内容、页面上显眼的主标题、<h1> 等标题元素、og:title、通过样式突出显示的大号文字、正文中的文字、页面内的锚文本、指向该页面的链接文字、结构化数据等。也就是说,改写并不是例外的事故,而是机制上从一开始就设想好的行为。想要避免改写,有效的做法是不让 <title> 与页面上标题的内容相互矛盾,并且不要造成只有 <title> 承载信息而正文中没有任何线索的状态。
标题标签与元描述 (meta description) 容易混淆,但作用不同。标题标签是成为搜索结果标题的文字,向搜索引擎和读者双方传达页面在讲什么。元描述是显示在标题下方的说明文字,Google 已公开表示不将其用于排名。二者都关系到是否点击的判断,因此在实务上按"标题点明主题、说明文字加以补充"的分工来组织。Open Graph 的 og:title 可以与标题标签分开设置,用来改变在社交媒体分享时显示的标题。不过 og:title 也被列为搜索结果标题链接的生成来源,如果让两者内容差异过大,有时会被采用非预期的一方。
从字符计数的角度来看,标题标签是最需要注意字符数限制的 HTML 元素之一。日文全角字符与英文半角字符每个字符所占的宽度不同,因此相同字符数的显示长度也不同。例如全角 30 个字符的标题与半角英数字 30 个字符的标题,后者所占的横向宽度更小。在全角与半角混排的标题中,仅凭字符数无法判断是否能容纳。实务中采取两步做法:用字符计数工具掌握长度,再通过实际的搜索结果或宽度一致的预览来确认截断位置。计数的对象是被截断之前的原文,如果以截断后的外观为基准,就不会察觉放在末尾的网站名或补充说明已经被截掉。