title: What is the best way to structure an HTML document for SEO and accessibility?
body: <p>What's the recommended way to structure html that includes navigation so it's still SEO'able and accessible.</p>
  
  <p>For example, should the structure be more like that of a document:</p>
  
  <ol>
  <li>Skip to content (link, hidden by CSS)</li>
  <li>Navigation</li>
  <li>Content</li>
  <li>Other content (right hand panes etc)</li>
  </ol>
  
  <p>or:</p>
  
  <ol>
  <li>Skip to navigation (link, hidden by CSS)</li>
  <li>Content</li>
  <li>Navigation</li>
  <li>Other content (right hand panes etc)</li>
  </ol>
  
  <p>Obviously CSS is used to control the layout, but bots and screen-readers ignore the CSS.</p>