5

构建包含导航的 html 的推荐方法是什么,以便它仍然可以进行 SEO 和访问。

例如,结构是否应该更像文档的结构:

  1. 跳到内容(链接,被 CSS 隐藏)
  2. 导航
  3. 内容
  4. 其他内容(右侧窗格等)

或者:

  1. 跳转到导航(链接,被 CSS 隐藏)
  2. 内容
  3. 导航
  4. 其他内容(右侧窗格等)

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

4

6 回答 6

7

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

一些随机提示:

  • 保持您的标记标准兼容、有效和简单。
  • 不要填充关键字或任何东西。
  • 像对待标题一样对待它们。确保只有 1 个 h1 标签。在整个页面中谨慎使用标题(Google - 在 PDF 下载中)。
  • 在锚点上使用标题属性,在图像上使用 alt 属性(但仅当图像需要对某些用户等效的文本时)。
  • 使用 rel="nofollow" 将 PR 引导到您真正希望他们访问的页面。
  • 保持每个页面的内容唯一。
  • 使用 Google 网站管理员工具以及 MSN 和 Yahoo! 的等效工具。
  • 构建、提交和维护 sitemap.xml 文件。
于 2009-03-12T13:38:16.180 回答
5

任何没有将其内容隐藏在 Flash 或类似内容中的页面都可以进行 SEO。网络爬虫倾向于剥离所有内容并将页面作为文本流读取。有些人会注意您的关键字,它们在正文中的使用,H1 & H2 标签,页面标题甚至域名,但我认为它们不受页面结构顺序的影响。

于 2009-03-12T13:32:46.050 回答
2

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

于 2009-03-12T17:03:14.317 回答
1

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

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

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

于 2009-03-12T13:33:49.420 回答
1

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

于 2009-03-12T13:35:12.253 回答
0

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

  1. 跳过链接
  2. 内容
  3. 其他内容(右侧窗格等)
  4. 导航
于 2009-03-12T13:33:05.630 回答