为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 juice引导到你真正希望他们去的页面。
• 保持每个页面的内容唯一。
• 使用谷歌网站管理员工具和MSN和雅虎！等效。
• 构建，提交和维护sitemap.xml文件。

Answer 2

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

Answer 3

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

Answer 4

除了内容之外，尽可能减少其他所有内容。

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

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

Answer 5

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

Answer 6

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

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