新的投票已出现在网站的侧边栏中。这次是关于页面标题的结构。确切地说,是网站头部中的<title>
标签,它为浏览器窗口/标签提供标题。我只是询问您“最喜欢的”,也就是个人偏好。您随意理解,我们可以在评论区和投票总结帖中讨论原因。正式问题
在以下选项中,您最喜欢哪个特定类别下博客文章的页面标题结构?
所以,我们将处理此页面上的三个相关信息部分
- 文章标题
- 类别
- 网站名称
投票选项是这三者的各种组合。
也许我们可以做一个关于最喜欢的分隔符的后续投票。我喜欢竖线。Wufoo 经常使用·,我也很喜欢。我不喜欢小箭头。话题跑偏了。
我选择的分隔符是 Paamayim Nekudotayim。
我认为 [文章标题] – [网站名称] 通常比 [文章标题] – [类别] – [网站名称] 更实用,但并非每个网站都适用;文章标题应该表明文章内容,因此类别可能变得不必要。另一方面,考虑的“类别”类型可能不同;它可能是“我写关于个人内容和编程内容的博客,将两者清晰地分开”,或者它可能是几个人写博客,而“类别”实际上是作者。因此,我认为在没有更多具体信息和假设案例的情况下,对两者进行区分是不公平的。或者甚至是一个特定的实际案例。
StackOverflow 几个月前做了一个有趣的更改,将问题标题中未提及的标签放在 <title> 的开头。我认为这是一个有趣的选项。它变成了 [过滤类别 -] [文章标题] – [网站名称],其中 [过滤类别 -] 是标签列表减去已经在问题标题中出现的标签,用空格分隔,如果有任何标签,则在后面添加分隔符。
我必须同意您描述的“视情况而定”。通常我更喜欢使用 [网站名称] – [文章标题]。这是我的个人偏好——当我在浏览器中打开很多标签页时,来自很多网站,我发现通过查看网站名称来浏览它们更容易,而不是文章名称。但我的第二个选择是 [文章标题] – [网站名称]。同样,这完全取决于我们想要实现的目标。
我实际上开始怀念浏览器中的常规标题栏,标签太短,无法容纳任何合理的标题,它仍然是一个不错的导航功能。快速浏览一下标题良好的——标题栏,让我能够准确地知道我在哪里,而无需扫描页面。
我同意 @lxolite 的观点。实际上,与标签相比,不同的窗口更需要按该顺序排列,因为标签通常可以通过其网站图标识别。而另一方面,窗口只有名称,并且可能会被截断。
@Chris 但是的,类别在标题中并不重要。
是的,我属于文章+网站这一类。我认为在一个小地方放太多东西不太好,几乎每个人都打开多个标签页,空间更小。更多信息会让人困惑。所以我认为最重要的是告知您正在阅读什么内容以及在哪里阅读。
StackOverflow 做了这个改动是为了获得巨大的 SEO 优势。
我的分隔符通常是 | 或 •,但我有时喜欢尝试“+”号或菱形或箭头,任何适合主题的东西。
我更喜欢中划线 (—)、冒号 (:),有时也使用项目符号 (•) 作为我的分隔符。竖线 (|) 也很好。
我知道将文章标题放在前面,然后是网站名称,可能对搜索引擎更友好,但对我来说,从顶部开始通过首先识别网站来确定层次结构更有意义。即使我知道以相反的方式对 SEO 有帮助,尤其是在搜索结果中 Google 会截断长标题的末尾部分,但我仍然以网站名称开头编写我的页面。出于某种原因,我觉得它更直接和专业。
我从未想过使用除 | 之外的任何其他分隔符。我认为 • 看起来会好得多。嗯……
· ( · ) 也很好,不像项目符号那样笨重。
Chris,我像你一样格式化我的 <title&rt; 标签。
对于内部页面,
页面或帖子标题 | 网站名称
对于首页,
网站名称 | 标语
我有点矛盾。在标题栏中,我比较喜欢 [文章名称] | [网站名称],但是,最近我一直转向只在首页使用 [文章名称],原因是我觉得当用户在社交网络上分享帖子时,它看起来真的很俗气。我讨厌网站名称和文章名称在段落格式中变得太长,看起来很讨厌。
如果网站名称很短,问题不大,但较长的名称会很糟糕,尤其是在出现长文章标题时。
社交媒体分享是一个很好的考虑因素!在阅读您的评论之前,我会说 [文章名称] | [网站名称]。现在我需要三思而后行。
我认为这取决于情况。
但对于文章来说,它应该是 [文章标题] – [网站名称] 是有道理的。因为当您搜索文章时,您首先关心的是文章是什么,而不是它来自哪个网站。如果您随后关心它来自哪个网站,那么您可以将搜索范围缩小到该网站或使用该网站上的搜索,在这种情况下,[网站名称] 的重要性就更小了。
直到现在,我才知道的一件事是,Safari 5.1 会根据所有标签上的标题重新编写标签标题。
例如,根据您打开的标签数量和标签的宽度,如果您从此页面开始,http://en.wikipedia.org/wiki/Star_Wars_(disambiguation),然后打开第四集,“星球大战”将消失;然后,如果您在另一个新标签页中也打开第五集,“集数”也将消失。
对我来说,这取决于用户从标签中获得的好处。如果网站名称不长,我将使用网站名称 + 文章标题。如果网站名称很长,我将使用文章标题 + 网站名称。除此之外,我从不使用类别。它没有用,并且在标题中没有作用。不过,如果我必须使用类别,它将位于文章标题和网站名称之后或之间。
想想新闻稿标题。如果您在标题中看到类别,它实际上如何吸引您的兴趣?
当我在网上并且打开了多个标签页时,我想快速了解网站提供的服务。我不太关心在哪里阅读,更重要的是我读了什么。因此,在我看来,使用 [文章名称] – [网站名称] 更有意义,尽管在某些情况下可能有所不同。
我通常将其设置为 [文章名称] | [网站名称]。然后,在首页上,我将其设置为 [网站名称] | [标语]。
我认为很多人可以通过网站图标来判断他们在标签页中浏览的是哪个网站,至少如果他们已经熟悉该网站的话,所以我没有看到在文章页面中将网站名称放在标题开头的任何好处。
【文章标题】 – 【网站名称】还有一个优势:当你点击浏览器的后退按钮返回到某篇文章时,如果能看到该文章的标题,会更容易阅读。
我震惊的是,到目前为止,还没有人将 SEO 引入到本次讨论中。对我来说,在尝试决定如何以语义的方式处理类似问题时,我的经验法则是“什么对 SEO 最有利”。显然,为了做出这些决定,你需要对 SEO 有很好的理解,但标题标签几乎是 SEO 101。另外,需要指出的是,谷歌使用标题标签作为搜索结果中的粗体蓝色链接,因此我会考虑希望它如何显示。我的方法通常是 文章名称 | 网站名称。由于空间有限,如果网站名称被截断,你仍然处于良好的状态。
我最喜欢的是
文章标题 – 网站名称
文章标题 – 网站名称……我省略了类别,因为标题和网站名称已经足够长了。
文章标题 – 网站名称……我经常使用这种方式。
我更从 SEO 的角度来看待它。通常我会使用 [文章标题] – [类别] – [网站名称]。我希望文章标题首先显示,以便它在 Google 搜索结果中首先显示,因为它通常是执行搜索的人员最相关的信息。
我通常会包含网站名称,但不会放在开头——如果你有 favicon,那么你可以看到该选项卡来自哪个网站。
文章名称或页面名称 – (em 连字符,alt+150) 网站名称。这样更好,因为你是从左到右阅读的,当打开多个选项卡时,你不会在每个地方都看到相同的标题(就像你将网站名称放在前面或在标题中使用垃圾信息一样)。
Bla-bla – Whatever.com
我最喜欢的是 Twitter 的页面标题结构
Twitter / 首页
Twitter / 消息
Twitter / 资源
在博客上,我不确定标题中是否需要网站名称。我认为最好只使用文章标题。
我们研究了浏览器如何使用标题,大多数情况下……在书签、截断选项卡等情况下,会显示开头和结尾的一小部分(最坏的情况……最好的情况是,它们会显示整个标题,所以没有问题)。
我们最终决定使用
【资源名称】 – 【应用程序名称】 – 【组织名称】
这在链接、书签、电子邮件等方面效果很好。虽然不完美,但相当不错。当然,我们有数百万个页面,因此【资源名称】可能不适用于所有情况。
好吧,好吧,好吧,好吧。你们说服我了。我刚刚在我的网站上将其更改为
【文章标题】 | 【网站名称】 — 【类别】
满意了吗?
我通常使用【页面标题】 – 【网站名称】。
在我看来,此顺序在 Google 搜索结果和选项卡中最友好。
分隔符取决于网站的设计,但我默认的分隔符是 [ – ](空格-连字符-空格)。
从语义上讲,其他连字符可能更合适,但有些客户端无法显示它们。
个人偏好是【文章标题】 | 【网站名称】,我认为它效果更好,因为当浏览购买服装、电子产品等商品时,创建一组你喜欢的商品并缩小范围,将文章标题放在首位会让生活变得更轻松。
我同意 Ninique 的观点,人们可以通过 favicon 了解他们在选项卡中浏览的是哪个网站。除了首页之外,【文章】 【网站名称】。
网站名称 -> 文章标题必须是。这只是搜索引擎的工作方式。
它必须对访问网站的真实用户最有帮助,搜索引擎的考虑则排在第二位。
在大多数情况下,我认为【文章标题】 [分隔符] 【网站名称】将是最合适的。我认为类别会在它们对你的网站具有特定意义时出现,尽管我认为大多数人添加类别是为了搜索引擎,而不是为了真实的访问者。
选项卡式浏览器如何改变了标题的游戏规则,这一点很有趣,即使只有一个选项卡打开,你现在也只有大约 20% 的空间用于标题。
自从顶部栏选项卡成为新的标准以来,我一直支持“文章 – 网站名称”。
顶部选项卡栏最大(在我看来也是唯一)的缺点是,现在任何地方都没有全宽的标题了。因此,我们只能在选项卡中看到标题的一部分,这(至少在 Google Chrome 的情况下)是开头部分。
有 10 个选项卡都显示“CSS-Tricks – A..” 并没有用处 ;-)
我完全同意!事实上,这是我对新 CSS-Tricks 重设计的唯一抱怨——我无法在选项卡栏中看到文章标题。
我认为【文章标题】 – 【网站名称】将成为赢家。对于长标题,我会只使用【文章标题】,因为它更有意义 http://goo.gl/eqHfZ
前几天,我偶然发现了一个问答网站,它会从【文章标题】中截取前几个单词作为页面的标题。
例如,如果我问“如何在网页上更改背景颜色”,标题将是“更改网页上的背景颜色”。
对于一个你可能会最终拥有比浏览器舒适显示数量更多的选项卡的网站来说,这绝对太棒了。
现在,如果我还能记起那个网站就好了……
这实际上取决于 URL 是否在标题中放置网站名称……如果你的 URL 与你的网站名称相同,则无需在标题中添加网站名称……在我看来,这将是多余的。
如果 URL 与公司名称相同,我的偏好是
【文章标题】
如果 URL 与公司名称不同,我的偏好是
【文章名称】 | 【网站名称】
重要的是使其对你的网站访问者有用。对我来说,这意味着“文章标题 – 网站名称”是最佳选择。我曾经喜欢网站名称放在前面,但随着时间的推移,我被说服放弃我的自负并将其颠倒过来。
即使你是从搜索引擎的角度考虑,标题优先也是有道理的。用户倾向于快速浏览搜索结果。你希望一个好的标题能够轻松地吸引他们的注意力,如果它出现在你的网站名称之后,它就无法做到这一点。
一般来说,我认为类别在标题中没有用处,除非你的网站具有分面搜索,或者用户正在专门浏览基于类别的档案。
我使用网站名称 – 文章标题。原因是大多数新创建的网站的名称还没有完全建立起来,因此暂时在标题中包含它们是个好主意。一旦它们足够大,你可能需要修改它们,但我通常将其留给客户,因为我为他们安装了一个插件,让他们可以编辑他们的页面标题。
我认为有两个主要考虑因素
* 易用性
* SEO
通常,前几个字母是将在选项卡标题中显示的内容。通常,让文章标题显示在前面会更有用。
对于 SEO,你希望你的目标关键词尽可能地显示在标题的开头。这通常包括你的文章标签、类别和网站名称。
所以: – – –
对于此页面,这将类似于
最新调查:网站标题结构 | 页面结构、可用性、seo、html、标题 | 调查 | CSS Tricks – 由 Chris Coyier 策划的网页设计社区 | CSS 和网页设计技巧的终极资源
这个很简单:文章+站点
出于SEO原因,您不希望所有链接都以重复的内容开头(例如,站点或类别),这可能会隐藏重要的、唯一的文本,因为链接在搜索引擎结果中会被截断。
我个人没有最喜欢的分隔符,尽管我经常使用竖线。
好点子。我也可以用我自己的轶事经验来支持这一点。当我在页面标题中使用 [文章名称] | [博客标题] 时,获得了最佳的SEO效果。由于 [博客标题] 反复出现,将其放在标题的最后似乎更有逻辑。当我使用WordPress时,我确实喜欢使用插件(All-in-one SEO pack)来调整标题。在WordPress页面的标题块中这样做很烦人。希望这段题外话对您有所帮助。
我通常会使用
文章名称 | 站点名称
除了站点名称最重要的情况(例如,对于Web应用程序,我使用
站点名称 – 页面名称
我使用竖线将其与层次结构分隔开,就像浏览器名称曾经包含在最后一样(尽管我记得当时大多是连字符)。
回应我之前的一些评论,我根据SEO和可用性的结合选择了方案。
文章名称 | 站点名称
从本质上讲,我会按照唯一性的顺序排列,这也会将最重要的关键词放在标题标签的最前面。在使用选项卡式浏览时,文章名称放在前面会更有帮助,因为您可能只会看到前30-40个字符。
包含类别(在文章名称之后)也并非不可取,但这样很容易导致标题长度超过70个字符(Google搜索结果页面上显示的最大长度)。此外,如果您是知名品牌(如CSS-Tricks),则在SERP中显示站点名称(保持在字符限制内)可以增强信誉,并可能影响搜索者点击查看。
在我看来,[文章标题] – [站点名称] 是最好的选择。
我使用 [文章标题]。或者,在我的情况下,[优惠标题]。并且URL始终是标题用连字符连接(小写)。