投票结果:最喜欢的页面标题结构

Avatar of Chris Coyier
Chris Coyier 发布

DigitalOcean 为您的每个旅程阶段提供云产品。立即开始使用 $200 的免费额度!

这是一个有趣的投票,因为对于网站如何处理页面标题,“最佳方式”并没有明确的共识。即使是类似的网站,其做法也大相径庭。 为了更集中讨论,我提出了一个非常具体的页面:一个特定类别中的博客文章。选择如下:

  • 17%[网站名称] – [类别] – [文章标题]
  • 17%[文章标题] – [类别] – [网站名称]
  • 8%[文章标题]
  • 37%[文章标题] – [网站名称]
  • 17%[网站名称] – [文章标题]

最终获胜的是 [文章标题] – [网站名称],获得了 37% 的投票。这让我松了一口气,因为这正是我在这个网站上使用的,也是我个人最喜欢的。此外:这可能对投票结果产生了一些影响,但我认为这里的常读者都是有独立思想的。

获胜的页面标题样式,在 CSS-Tricks 上使用

该投票以及所有帖子投票的完整实时结果,请查看 投票存档

我认为在选择网站标题结构时,以下事项应考虑,按重要性排序:

  1. 人类理解和可用性 – 标题对人类有用
  2. SEO 价值 – 标题清晰地概括了页面上的内容,并与之相关,看起来很诱人,值得点击,并且没有不必要的操作
  3. 书签方式 – 可以在社交或本地书签中轻松找到特定页面

我们应该考虑,当页面标题显示为选项卡时,我们没有太多空间(所有桌面浏览器默认情况下都使用选项卡式浏览)。每个选项卡最多只有 26 个字符。因此,如果您的网站名称很短,比如“NBC”,从网站标题开始可能没问题。如果很长,比如“Smashing Magazine”,那么从网站标题开始可能会占用太多宝贵的选项卡空间。

所讨论网站的使用方式也值得考虑。我喜欢 Gmail 网站标题始终从“Gmail”开始。我通常只打开一个 Gmail 选项卡,我希望能够快速找到它,我不在乎它当前处于什么“状态”。而我经常会打开多个 CSS-Tricks 选项卡,对我来说,了解该页面上文章的标题更有价值。

我无法想象一个网站,其类别对于人类可用性而言必须包含在标题中,但如果它放在最后并且可以增加一些 SEO 价值,我认为也无妨。

我对第一名的结果并不感到意外,但对最后一名却感到意外。[文章标题] 排名最后,仅获得了 8% 的投票。考虑到标题中可见字符数量有限,网站标题放在结构末尾的有限用处,以及它的“简洁性”,我很惊讶没有更多支持者。