3.3 页面标题

3.3 页面标题

title元素是页面的标题,每个HTML页面都必须有一个title元素。每个页面的标题都应该是简短的、描述性的,并且是唯一的,如图3-5所示。在大多数浏览器中,页面标题出现在窗口的标题栏,如图3-6所示。如果支持标签浏览,页面标题也会出现在标签上。页面标题还会出现在浏览器的历史列表和书签中,如图3-7所示。

更为重要的是,页面标题会被谷歌、百度等搜索引擎采用,从而能够大致了解页面内容,并将页面标题作为搜索结果中的链接显示。

很多网页开发人员不太重视title元素,他们只是简单地输入网站名称,并将其复制到全站每一个网页,更糟糕的是,让title元素的文字仍然保存为代码编辑器默认添加的文字(例如Dreamweaver CS6中为“无标题文档”)。如果流量是网站追求的指标之一,这样做对建站者和潜在的访问者都会产生巨大的损害。

图3-5 页面标题

图3-6 浏览器中显示的页面标题

图3-7 浏览器的历史列表

不同搜索引擎确定网页排名和内容索引规则的算法是不一样的,不过,title元素通常扮演着重要的角色。搜索引擎会将title元素作为判断页面主要内容的指标,并将页面内容按照与之相关的文字进行索引。有效的title元素应包含几个与页面内容密切相关的关键词。

作为一种最佳实践,选择能简要概括文档内容的文字作为title元素文字。这些文字既要对屏幕阅读器用户友好,又要有利于搜索引擎排名。其次,将网站名称放在title元素开头是很常见的做法,不过将页面特有的文字放在title元素开头是更好的做法。