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

Question

推荐的构建包含导航的 html 的方法是什么，这样它仍然是 SEO 可用的和可访问的。

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

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

或:

1. 跳转到导航(链接，由 CSS 隐藏)
2. 内容
3. 导航
4. 其他内容(右侧 Pane 等)

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

Answer 1

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

一些随机提示:

• 使您的标记符合标准、有效且简单。
• 不要填充关键字或任何东西。
• 像对待标题一样对待标题。确保只有 1 个 h1 标签。在整个页面中谨慎使用标题(Google - 在 PDF 下载中)。
• 在 anchor 上使用 title 属性，在图像上使用 alt 属性(但前提是图像需要对某些用户等效的文本)。
• 使用 rel="nofollow"将 PR 汁引向您真正希望他们访问的页面。
• 让每个页面的内容独一无二。
• 使用 Google 网站管理员工具以及 MSN 和 Yahoo! 的等效工具。
• 构建、提交和维护 sitemap.xml 文件。