如何为SEO和无障碍性结构化HTML文档？

Question

什么是在包含导航的HTML中使其仍然可被SEO和无障碍访问的推荐结构方式？

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

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

还是：

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

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

- Kieron

Answer 1

我之前有过客户要求将导航放在内容后面，但我认为这并没有帮助它们太多。通常我会按照你提到的第一种结构进行处理。

以下是一些随机小技巧：

- 保持您的标记遵循标准、有效和简单。 - 不要填充关键词或其他任何东西。 - 处理标题应该如实进行。确保只有一个h1标签。在页面上适度使用标题（请参见谷歌 - 在PDF下载中）。 - 在锚点上使用title属性，在图像上使用alt属性（只有当图像需要文本等效物以供某些用户使用时）。 - 使用rel="nofollow"将PR juice引导到您真正想要的页面。 - 为每个页面保持唯一内容。 - 使用Google网站管理员工具和MSN及Yahoo的同等工具。 - 构建、提交和维护sitemap.xml文件。

- dylanfm

---

你能进一步解释一下标题吗？我只能有一个H1，但我可以有任意多个H4吗？真的吗？ - AmbroseChapel

标题的使用在网络上有所不同。我修改了我的原文，因为我认为那有点过分了。我添加了一个链接到谷歌的网络管理员博客，在那个页面上有一个PDF下载。请查看一下。第14页讲述了标题的使用。 - dylanfm

Answer 2

任何没有将其内容存储在Flash或类似技术中的网页都可以进行SEO优化。网络爬虫往往会剥离所有内容，将页面作为文本流读取。一些网络爬虫会关注您的关键字、它们在正文文本中的使用、H1和H2标签、页面标题甚至域名，但我认为它们不受页面结构顺序的影响。

- Lazarus

Answer 3

作为屏幕阅读器用户，我不关心导航在页面上的位置。最有帮助的是按标题列出内容，例如这个问题是在h2级别，答案从下一个h2级别开始。屏幕阅读器提供了可以跳过标题的键，因此我发现标题导航比找到跳过导航链接并按Enter更快。

- Jared

Answer 4

尽可能将除内容以外的所有其他元素减少到最小。

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

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

- Dennis Cheung

Answer 5

通常认为将内容尽可能靠近页面顶部是最好的。因此，从技术上讲，您的第二个示例是最佳的。然而，对于屏幕阅读器来说，“跳转到内容”链接是一个不错的选择。由于CSS布局的状态，没有人会责怪您在文档顶部放置一些简单的导航。我确信这不会影响您的Google PageRank。

- Jeremy DeGroot

Answer 6

你能做的最好的事情就是尽可能地将你的内容移动到页面的顶部。我建议采用以下结构：

1. 跳转链接
2. 内容
3. 其他内容（右侧面板等）
4. 导航

- Andrew Hare

---

我在其他地方读到过，内容应该放在顶部，然后有人开始争论说这并不重要（在爬虫的上下文中）...你为什么认为顶部的内容更好？ - Kieron

我读到有些网络爬虫很聪明，可以计算页面上实际的呈现位置和区域，并根据它们的位置评估块。另外一些则可能对网站结构进行分析，并猜测关键内容区域。 - Dennis C

顶部的内容最适合无障碍访问。 - Andrew Hare