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

建议用什么方法来构造包含导航的html，使其仍然可以搜索引擎优化和访问

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

跳到内容（链接，由CSS隐藏）

航行

内容

其他内容（右侧窗格等）

或：

跳到导航（链接，由CSS隐藏）

内容

航行

其他内容（右侧窗格等）

---

很明显，CSS是用来控制布局的，但是机器人和屏幕阅读器忽略了CSS。

任何页面如果没有将其内容隐藏在Flash或类似内容中，都可以进行搜索引擎优化。网络爬虫倾向于剥离所有内容，并以文本流的形式读取页面。有些人会注意你的关键词、它们在正文中的使用、H1&H2标签、页面标题甚至域名，但我认为它们不会受到页面结构顺序的影响。

你能做的最好的事情就是将内容尽可能靠近页面顶部。我建议采用这种结构：

跳过链接

内容

其他内容（右侧窗格等）

航行

---

尽可能减少除内容之外的所有内容

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

---

没有“其他内容”。如果你在页面上放了什么，它们一定是相关的。此外，它们应该按照它们之间的关系进行排序。

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

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

一些随机提示：

• 保持标记标准的兼容性、有效性和简单性
• 不要填充关键词或任何东西
• 像对待标题一样对待标题。确保只有1个h1标签。在页面中尽量少用标题（-PDF下载中）
• 在定位上使用title属性，在图像上使用alt属性（但仅当某些用户的图像需要等效文本时）
• 使用rel=“nofollow”将PR juice引导到您真正希望他们访问的页面
• 保持每页内容的唯一性
• 使用谷歌网站管理员工具、MSN和雅虎相当于
• 生成、提交和维护sitemap.xml文件

---

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

我在其他地方读到内容应该位于顶部，然后有人开始争辩说这其实并不重要（在爬虫的上下文中）…为什么你认为顶部的内容更好？我了解到很少有网络爬虫足够聪明，能够计算页面上的实际渲染位置和区域，并根据位置对块进行评级。另外一些人可能会对网站结构进行分析，并猜测关键内容区域。顶部的内容最适合访问。您能进一步解释标题吗？我只允许有一个H1，但是我可以有我想要的任何数量的H4？真的吗？标题在网络上各不相同。我改变了我写的东西，因为我觉得这真的有点极端。我添加了一个到谷歌网站管理员博客的链接，在该页面上有一个PDF下载。看看这个。第14页讨论标题。