为SEO和可访问性构建HTML文档的最佳方法是什么？

Question

构建包含导航的html的推荐方法是什么，所以它仍然是SEO'和可访问的。

例如，结构应该更像文档的结构：

1. 跳至内容（链接，由CSS隐藏）
2. 导航
3. 内容
4. 其他内容（右侧窗格等）

或：

1. 跳至导航（链接，由CSS隐藏）
2. 内容
3. 导航
4. 其他内容（右侧窗格等）

显然CSS用于控制布局，但是机器人和屏幕阅读器会忽略CSS。

Answer 1

之前我被要求在客户端内容之后移动导航，但我认为这对他们没有多大帮助。我通常遵循你上面提到的第一个结构。

一些随机提示：

• 保持您的标记符合标准，有效且简单。
• 不要填写关键字或任何东西。
• 对待标题，就像应该对待它们一样。确保只有1个h1标签。在页面中谨慎使用标题（Google - 在PDF下载中）。
• 在图像的锚点和alt属性上使用标题属性（但仅当图像需要某些用户的文本等效项时）。
• 使用rel =“nofollow”将PR果汁引导至您真正希望他们去的页面。
• 保持每个页面的内容唯一。
• 使用Google网站管理员工具以及MSN和Yahoo！的等效工具。
• 构建，提交和维护sitemap.xml文件。

Answer 2

任何没有将其内容隐藏在Flash或类似内容中的页面都是SEO'able。网络抓取工具倾向于剥离所有内容并将文档作为文本流读取。有些人会关注你的关键词，它们在正文中的使用，H1＆amp; H2标签，页面标题甚至域名，但我认为它们不受页面结构顺序的影响。

Answer 3

作为屏幕阅读器用户，我不关心页面上的导航位置。最有帮助的是按标题列出内容，例如此问题处于h2级别，答案从下一个h2级别开始。屏幕阅读器提供的键允许您通过标题跳过，因此我发现标题导航更快，然后找到跳过导航链接并按下输入。

Answer 4

尽可能减少内容以外的所有内容。

非常短的导航，添加指向完整导航页面的链接/或/通过AJAX加载它。

否“其他内容”。如果你在页面上放了任何东西，它们必须是相关的。此外，它们应按其关系排序。

Answer 5

通常认为“尽可能”让您的内容尽可能靠近页面顶部。从技术上讲，你的第二个例子是最好的。跳过内容链接对于屏幕阅读器来说是个不错的选择，并且CSS布局的状态就是这样，没有人会吝啬你在文档的顶部放置一些简单的导航。我当然认为这不会伤害你的Google PageRank。

Answer 6

您可以做的最好的事情就是尽可能将内容移到页面顶部。我建议这个结构：

1. 跳过链接
2. 内容
3. 其他内容（右侧窗格等）
4. 导航