一级导航
或者，“首页”。以下是一些可能性
- [网站名称]
简明扼要
例如：CSS-Tricks - [网站名称] – 简短标语
借此机会解释网站
例如：CSS-Tricks – 网络设计社区 - [网站名称] – 关键词
网站标题是 SEO 机会
例如：CSS-Tricks – 网页设计、jQuery、下载、屏幕录制、论坛 - 其他？
二级导航
我认为这会变得更有意思。
- [网站名称] – [文章标题]
更重视来源
例如：CSS-Tricks – CSS 盒模型 - [文章标题] – [网站名称]
更重视主题，但提醒了来源
例如：CSS 盒模型 – CSS-Tricks - [文章标题]
简明扼要
例如：CSS 盒模型 - [网站名称] – 层级 – [文章标题]
指示结构
CSS-Tricks – 博客 – CSS 盒模型 - [文章标题] – 简短摘要
信息更丰富
CSS 盒模型 – 通过示例和图表解释 - 其他？特殊情况？（例如，包含日期）
分隔符
- 空格
例如：CSS-Tricks CSS 盒模型 - 项目符号 •
例如：CSS-Tricks • CSS 盒模型 - 连字符 –
例如：CSS-Tricks – CSS 盒模型 - 短横线 –
例如：CSS-Tricks CSS 盒模型 - 长横线 —
例如：CSS-Tricks CSS 盒模型 - 单箭头 >
例如：CSS-Tricks > CSS 盒模型 - 双箭头 »
例如：CSS-Tricks » CSS 盒模型 - 波浪号 ~
例如：CSS-Tricks ~ CSS 盒模型 - 竖线 |
例如：CSS-Tricks | CSS 盒模型 - 句点 .
例如：CSS-Tricks . CSS 盒模型 - 斜杠 /
例如：CSS-Tricks / CSS 盒模型 - 其他？组合？
注意事项
- 与其他方法相比，任何特定方法是否有 SEO 优势？
- 本地书签 – 在众多书签中，页面是否易于查找？
- 社交书签 – 标题是否能够很好地公开展示自身？
- 标题是否对用户有帮助（例如，导航定位）？
- 整个网站的标题是否保持一致？
- 是否存在应遵循的新兴标准？
我怎么做
我担心我对所有这些都没有强烈的意见，但我确实觉得它很有趣。在这个网站上，我选择 #1 用于一级导航，#3 用于二级导航，并且通常我使用 #9（竖线）作为分隔符。我很乐意听取大家的意见！
虽然该标签对 SEO 很有用，但从最终用户的角度来看，在其中放置关键词看起来很丑。是否有任何迹象表明，与该标签相比，此标签中的关键词是如何被判断的？
我更喜欢一级导航使用：网站名称 – 标语/简短描述
然后二级导航使用：网站名称 – 文章标题
简单且成熟。
我更喜欢
[页面标题] – [公司名称]
例如 如何最佳处理页面标题？ – CSS Tricks.com
在页面排名的早期阶段（至少在 Google 中），页面标题的相关性和搜索引擎排名之间存在直接关系。我多次调整了我的页面标题，发现如果没有适当的关键词，它就会从搜索引擎雷达中消失。在建立权威之前，使用一些关键词非常重要。
我喜欢使用 #3 用于一级导航，#2 用于二级导航，#9 用于分隔符。
不过我不得不承认，从最终用户的角度来看，页面标题中太多的关键词既难看又缺乏吸引力。
我对这一点的一个强烈观点是，页面名称应位于网站名称之前。如果您有一个很长的公司名称，并且它位于页面名称之前；用户在浏览书签时将无法区分您的页面。
完全同意。出于 SEO 目的，将内容描述（毕竟标题就是内容描述）放在公司名称之前是有帮助的。此外，从最终用户的角度来看，能够在查看提供内容的网站之前查看相关的页面标题更有帮助。
我通常使用 [页面标题] | [公司名称]，我认为它最简单！
大多数情况下，我使用 #1 和反向 #4（[文章标题] – 层级 – [网站名称]）——它使所有页面的搜索目的突出显示网站品牌，但又可以轻松地在搜索历史记录中找到特定文章。
并且在使用浏览器的后退按钮时更实用:) 无论如何，我只喜欢文章标题 – 网站标题。
忘记说了，我更喜欢 :: 作为分隔符——但我也会使用 –
它应该始终是 [关键词] [页面标题] [公司名称]，在关键词之前放置 [公司名称] 会对 SEO 中的关键词定位产生不利影响
我的标准设置
#2 – #2 – #9
@Lynde，如何在标题中包含大量关键词，然后通过 JavaScript 将标题设置为更易于阅读的内容？;) 我个人不会这样做，但如果你说它有益，那它可能确实有益
#3、#2（实际上是文章标题 + 完整的 #3）、#9。
尽管我目前确实正在重新考虑这一点。我正在从头开始缓慢地进行网站的整体重大重新设计，这是需要考虑的众多因素之一。我认为可能类似于 #2、#2、#9 的方式最有可能。
嘿，Chris，
不久前在某个地方读到，与冗长但描述性的标题相比，搜索引擎更容易消化标题的前 60 个字符。自从使用 WordPress 以来，我已将 #2 用于“登陆”页面，将 #2 用于二级页面，并将 #9 或 »（是的，另一种方式）用于其他任何内容。使用网站管理员工具（来自大 G），已编入索引的页面数量激增，并且不再标记重复标题的页面。
文章链接：http://tinyurl.com/nvff77。
现在正在重组我现有的项目，自从发现新标题方案以来，所有新客户都从中受益…… :)
Google最近发布的SEO入门指南（www.google.com/webmasters/docs/search-engine-optimization-starter-guide.pdf）中有一些关于SEO的有用观点。
我与SEO公司合作的经验是，1适用于顶级导航，数字4（或者不太理想的数字2）适用于任何较低级别的导航，并且连字符是最佳分隔符。
我更喜欢在网站名称前添加前缀，而不是附加到末尾（所有页面都将在书签和历史记录中保持在一起）。
同时……如今人们拥有越来越多的标签，并且大多数浏览器都会截断标题的末尾（除了Safari），这将成为一个很好的理由，可以将标题附加到末尾。
第一 #1，第二 #1，第三 #7
网站 » 标题
我还没有想到将网站名称放在首位可以将所有本地书签放在一起的事实……尽管我猜这只有在按字母顺序排序的情况下才会发生，而这在大多数情况下并不是默认设置。
我使用“免费名人性爱视频 – 立即在线观看!!!!”获得了最佳效果。
真的吗？不可能吧？
老式的垃圾邮件
我始终牢记的一个因素是，标题标签将成为Google列表中的蓝色大链接。当针对非常具体的项目（例如产品名称或人名）时，标题标签的措辞将与其他页面的措辞竞争。查看您的搜索竞争对手，并尝试找出什么可以让您的标题/链接更醒目且更易点击。我几乎总是以“[文章标题] – [网站名称]”结尾，并且文章名称非常谨慎地命名。不要让我开始谈论描述标签！
这是一个非常好的观点——而且在定义页面标题时很容易被忽视。
就我个人而言，我喜欢非首页的“[文章或章节标题] | [网站名称]”。首页则使用“[网站名称] | [标语]”。
仅仅是我的个人偏好，但我一直都使用“网站名称 | 文章标题”。我可以理解为什么您可能希望将文章名称放在首位，但这对我来说似乎不合逻辑，因为网站拥有文章，而不是相反。
我还更喜欢使用竖线/管道作为分隔符，因为它易于输入，但看起来很专业。
我确实喜欢双箭头……您如何输入它？:-P
因为页面首先是关于主题的，其次是品牌。与人们在h1标签中放置徽标的概念相同。基本上这意味着每个页面首先都是关于“徽标”的，其次才是主题。
对于Google搜索结果页面，您需要将关键词放在前面。
必须注意网站中使用的»。每次使用一次，并且使用屏幕阅读器的用户访问您的网站时，他们都会听到“右双角括号”的每个实例。最终，这取决于您期望您的受众能够接受什么，因为在网站的外观和工作方式方面，一切都是一种微妙的平衡行为。过分依赖某件事（例如SEO），其他事情的优先级就会降低。
当在浏览器中打开许多选项卡时，首先显示页面标题很有用。我还认为在标题中包含网站名称也很不错，以便在浏览历史记录或其他内容时更容易找到它。这就是我在我的网站上使用的方法，并使用不同的分隔符。
@James：»
绝对是2. [ 文章标题 ] – [ 网站名称 ]
这样您就可以在书签中首先看到页面名称，否则对于较长的网站标题，您甚至无法在书签中看到特定页面的名称（如果您标记了同一网站的多个页面，则尤其令人讨厌）。对于搜索引擎列表和浏览器窗口视图，将页面标题放在首位也是一个好主意，以防标题末尾被截断。
垂直分隔符更好，因为有时连字符包含在页面标题中。
我正在使用#1和第二#7！使用双箭头“»”将使您的网站在其他Google结果中脱颖而出。因为它不是一个非常常见的字符，所以会吸引访问者的注意。
通读之后，我认为这是我最喜欢的格式，我认为我将在自己的网站上实施。
[网站名称] – 简短标语
[文章标题] – 简短摘要
连字符 –
我总是将“网站名称”放在最后，我是一个标签用户，您有多少次在查看4个标签之前才找到正在运行的YouTube视频或尝试找到您正在查看的Facebook个人资料？我讨厌“网站名称”放在首位并且我有很多标签打开的情况。
在我看来，内容是每个页面的主要优先事项，应该是人们首先看到的东西，无论是在Google上还是在实际网站上，您会以“网站名称”开头您的h1标签吗？
Favicon
邻近性很重要，位置很重要，字符数很重要。保持语义正确（即不要塞满关键词），注意GOOG在结果页面中如何显示标题，并将您的品牌放在最后。
第一级，#2或#3。
第二级，#2。
我理解为什么人们希望添加网站名称前缀。对我来说，它看起来更好，并且似乎更符合逻辑。
但是，从SEO的角度来看，我认为将文章/页面标题放在首位是有益的。它是否真正有助于排名是一回事。它可能确实如此。但如果有人搜索“[您的文章内容]”，并且他们在结果标题中看到了该主题，他们很可能会点击。如果文章标题以您的网站名称为前缀，则可能不会立即被注意到，并且您可能会失去正在搜索与您的文章完全相同内容的访问者。
我使用连字符作为分隔符，但Emily H提出了一个很好的观点——垂直分隔符是有道理的。
关于二级导航的评论，也许是巧合或取决于其他因素，但我几年前创建了一个网站并使用了方法#1，二级页面在Google结果中的索引效果不佳。我做了一些研究并将所有页面切换到方法#2，这似乎产生了显着的积极影响。
总的来说，我是一个#1、#2、#9支持者。
我喜欢一级使用#2（取决于我是否能想出一些朗朗上口的副标题），二级也使用#2。我把网站标题放在那里，因为如果有人收藏了你的文章，最好知道它来自哪个网站，而无需等待悬停或查看链接属性。
我也喜欢使用管道作为分隔符。目前，我实际上在我的首页上使用了双管道（Joel G Goodman || 新媒体 – 设计 – 历史）来分隔网站名称和标语。然后二级我使用单个管道（Lifestream | Joel G Goodman）。
但对于其他网站则有所不同。在我最近的一个项目中，我使用了左双箭头 («)，但保持了相同的顺序格式（如果您愿意，可以查看我的作品集。它叫做Prodigious）。双箭头似乎更符合a)整体设计和b)我为其构建网站的人。
#2, #2, #9
我倾向于使用
页面标题 – 网站名称
页面标题 | 网站名称
或
我想强调的关键词 | 部分 | 网站名称
我倾向于使用“[页面标题] @ [网站名称]”（有时会带日期），因为当我的客户搜索时，他们会查找他们的关键词而不是来源。然后我依靠单个、对用户友好的H1以及放置良好的H2和H3。
2,2,9
我相信永远不应该使用»（双箭头）作为分隔符：它是法语结束引号，我相信其他国家也以这种方式使用它。您不会使用结束引号来分隔事物，对吧？
Chirs
我将使用这篇文章来说明这个网站如何在我的项目中帮助我。
我想感谢你们在这里所做的一切。
@mediashake提出了一个我之前没有真正考虑过的极好的观点。在搜索结果页面中脱颖而出有时不仅仅是关于关键词。
我倾向于做
[网站名称] | [包含关键词的标题]
例如我的网站首页、联系信息、关于我们、隐私政策等页面，以及
“[页面标题] | [网站名称]”
用于网站内容页面。
我一直在使用 » 作为面包屑导航，例如
首页 » 分类 » 文章
但我认为我可能会改变它。@Patrick 和 @George_Walters 对以这种方式使用该符号提出了合理的质疑。
有没有人建议如何更好地显示面包屑导航路径？
我认为这些解决方案都没有解决前面提到的所有问题，但恕我直言，以下方案涵盖了大部分问题
我总是尝试
– 放置一个 favicon：这在选项卡式浏览和本地书签中非常有帮助，可以直观地识别您的品牌。打开 12 个选项卡，标题都是相同的“YouTube – …” 就会有点令人困惑。
– 一级页面：–
– 高级页面：–
当其他人链接到您的网站时，他们有机会使用您精心设计的页面标题作为其链接。如果他们自动生成链接，这一点尤其重要：Google、Delicious 等。
– 使用连字符作为分隔符
对我来说，使用连字符比所有其他建议都更具语义化。并且在需要时，您可以在文章标题中保留逗号和句点
抱歉，前面漏了
– 一级页面：“网站名称” – “简短描述/口号/…”
– 高级页面：“文章标题” – “网站名称”
因为选项卡可能会被压缩（尤其是在您有很多选项卡时），所以我将描述性内容放在网站名称之前，因为它对用户体验更重要。
当然，一连串的关键词看起来很丑，但这并不能阻止您设计一个关键词丰富的标题或描述，它也能让网站访客清楚地了解正在发生的事情。
至于分隔符，我以前一直使用竖线。不过，最近我意识到它看起来有多糟糕；如果可以，请使用项目符号。它往往会让我想起一个没有任何特定含义的分隔符，就像逗号或连字符一样。
双箭头看起来也很棒，但请记住，它带有一个方向提示。
哇，早在 2006 年我就写过关于标题的文章。我引用了 Peter Krantz 的一篇非常有用的文章“可访问标题文本分隔符的声音”，大家可能会觉得有趣。
我是 #1、#2 和 #9
“[标题][分隔符][网站名称]”
出于可访问性的原因，这是一个不错的选择。每次你想知道页面标题时都听到网站名称会很无聊（假设用户正在使用屏幕阅读器）。
情况类似于以下 Windows XP 设置
#1. 优化以获得最佳性能。
#2. 优化以获得最佳外观。
#3. 在这两者之间取得平衡。
所以对于 SEF 标题。
#1 对人类读者来说外观良好且易于阅读
#2 对人类来说外观不好，但对 SEO 蜘蛛（关键词）来说很好
#3 在这两者之间取得平衡
所以我的选择是
第一：#2 [简短的标语可能很棘手]
第二：#3 [标题可能很棘手]
好的；)
这正是我最需要的……所有针对“老鼠眼”列出的替代方案。
谢谢。
现在我终于可以决定这件事了，考虑到我过去习惯根据月球轨道输入分隔符……直到现在 :P
此致
Rata
永远不要将网站名称放在标题之前
注意：有很多评论，我没有时间在在这里发表评论之前全部阅读完……
在首页上，我们（包括我自己）通常这样做
公司名称 | 页面标题（包含关键词）
然后，在后续页面上
页面标题（包含关键词） | 公司名称
如果关键词更靠近开头，您会在排名中获得分数，但同时您希望人们能够在向他们展示的所有链接中找到您的网站……因此首页上采用了“公司然后是页面名称”的模式。
此外，对这篇文章的良好后续内容将是关于关键词和描述元标签的。您会遇到很多关于这些元标签的反对者，但我倾向于不同意他们。您不能将元标签作为拐杖，但它可以作为您在网站上进行的其他 SEO 的支持机制。
#2 #5 #3
我最喜欢的做法是，对于一级导航使用连字符作为分隔符，对于二级导航使用“by”作为分隔符。如下所示
一级导航：CSS-Tricks – A Web Design Community
二级导航：The CSS Box Model by CSS-Tricks
我认为这将是首页的最佳选择
网页设计、jQuery、下载、屏幕截图和论坛 | CSS-Tricks
包含关键词的文本 | 名称
对于单个文章页面，使用“[文章标题]”。
从 SEO 的角度来看
无需为您的名称进行优化，除非它非常通用且竞争激烈。确保您的标题不要太长，如果在搜索结果页面 (SERP) 中被截断，看起来会很糟糕。
如果您的品牌名称实际上是一个非常好的关键词（例如，CSS Tricks），那么在首页上将网站名称放在首位可能是最明智的举措。
我更喜欢主题优先的版本。我认为您的品牌或博客名称会由搜索引擎自动索引，因为主 URL 的原因。但出于 SEO 目的，您仍然可以在主题后面设置您的博客标语或任何其他内容。例如，用双连字符分隔，这对搜索引擎没有价值。
我遵循大家一直都在说的——以内容标题开头。根据客户/要求，我更倾向于完全省略网站名称，但如果需要，我会将其附加到末尾。
据说，最好的 SEO 优势是“[关键词]”，但我发现它很枯燥，更像是“为搜索引擎设计，而不是为用户设计”。我更喜欢“[匹配描述文章内容的 h1 标签]”。