构建SEO和可访问性的HTML文档的最佳方式是什么？ [英] What is the best way to structure an HTML document for SEO and accessibility?

问题描述

什么是推荐的方式来构造HTML，包括导航，所以它仍然是SEO'able和访问。

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

1. 跳至内容（链接，由CSS隐藏）


2. 导航

$ b
3. 其他内容（右侧窗格等）

或：
$ b $ ol

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

内容

导航

其他内容（右窗格等）

显然CSS被用来控制布局，但机器人和屏幕阅读器忽略了CSS。 解决方案

我被要求移动客户之前的内容之后的导航，但我不认为它对他们有很大的帮助。我一般按照上面提到的第一种结构。

一些随机提示：

• 保持您的标记兼容，有效且简单。


• 请勿填写关键字或任何内容。


• 处理标题，就像他们应该被对待。确保只有1个h1标签。谨慎使用标题（ Google - 在
  
• 在图像上使用锚点和alt属性的标题属性（但仅当图像需要与某些用户相同的文本时）。


• 使用rel =nofollow将PR juice引导至您真正希望他们访问的页面。


• 为每个页面保留唯一的内容


• 使用Google网站管理员工具以及MSN和Yahoo！的等价物。


• 建立，提交和维护sitemap.xml文件。 b

  What's the recommended way to structure html that includes navigation so it's still SEO'able and accessible.

  For example, should the structure be more like that of a document:

  1. Skip to content (link, hidden by CSS)
  2. Navigation
  3. Content
  4. Other content (right hand panes etc)

  or:

  1. Skip to navigation (link, hidden by CSS)
  2. Content
  3. Navigation
  4. Other content (right hand panes etc)

  Obviously CSS is used to control the layout, but bots and screen-readers ignore the CSS.

  解决方案

  I've been asked to move the navigation after content by a client before, but I don't think it helped them much. I generally follow the first structure you mention above.

  Some random tips:

  • Keep your markup standards-compliant, valid and simple.
  • Don't stuff keywords or anything.
  • Treat headings like they should be treated. Make sure there's only 1 h1 tag. Use headings sparingly across the page (Google - in the PDF download).
  • Use title attributes on anchors and alt attributes on images (but only if the image needs a text equivalent for some users).
  • Use rel="nofollow" to direct PR juice to pages you really want them to go to.
  • Keep content unique for each page.
  • Use Google webmaster tools and MSN and Yahoo!'s equivalent.
  • Build, submit and maintain sitemap.xml files.

  这篇关于构建SEO和可访问性的HTML文档的最佳方式是什么？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！