构建包含导航的 html 的推荐方法是什么,以便它仍然可以进行 SEO 和访问。
例如,结构是否应该更像文档的结构:
- 跳到内容(链接,被 CSS 隐藏)
- 导航
- 内容
- 其他内容(右侧窗格等)
或者:
- 跳转到导航(链接,被 CSS 隐藏)
- 内容
- 导航
- 其他内容(右侧窗格等)
显然 CSS 用于控制布局,但机器人和屏幕阅读器会忽略 CSS。
构建包含导航的 html 的推荐方法是什么,以便它仍然可以进行 SEO 和访问。
例如,结构是否应该更像文档的结构:
或者:
显然 CSS 用于控制布局,但机器人和屏幕阅读器会忽略 CSS。
我之前曾被客户要求将导航移动到内容之后,但我认为这对他们没有多大帮助。我通常遵循您上面提到的第一个结构。
一些随机提示:
任何没有将其内容隐藏在 Flash 或类似内容中的页面都可以进行 SEO。网络爬虫倾向于剥离所有内容并将页面作为文本流读取。有些人会注意您的关键字,它们在正文中的使用,H1 & H2 标签,页面标题甚至域名,但我认为它们不受页面结构顺序的影响。
作为屏幕阅读器用户,我不在乎导航在页面上的位置。最有帮助的是按标题列出内容,例如这个问题在 h2 级别,答案从下一个 h2 级别开始。屏幕阅读器提供允许您按标题跳过的键,因此我发现标题导航比找到跳过导航链接并按 Enter 键更快。
尽可能减少除内容之外的所有其他内容。
非常短的导航,添加一个链接到完整的导航页面/或/通过 AJAX 加载它。
没有“其他内容”。如果您在页面上放置任何内容,它们必须是相关的。此外,它们应该按它们的关系排序。
通常认为将您的内容尽可能靠近页面顶部是“最好的”。所以从技术上讲,你的第二个例子是最好的。跳转到内容链接对于屏幕阅读器来说是一个不错的选择,而且 CSS 布局的状态就是它们,没有人会讨厌你在文档顶部放置一些简单的导航。我当然不认为这会损害您的 Google PageRank。
您可以做的最好的事情是将您的内容尽可能靠近页面顶部。我建议这种结构: