Page structure

Structuring a page well makes it more readable, scannable, and accessible. Creating a well-structured page is important for the following reasons:

• People with cognitive and learning disabilities can more easily find and prioritize content on the page.
• Those who use screen readers can skip to the main content directly and navigate to sections that are important to them.
• Keyboard users can browse pages and their sections more efficiently. Otherwise, users must press the tab key multiple times to navigate through all links in each section. 

There are additional benefits to a good, accessible page structure. For example, search engines can use the data to better index the content of a page.  

• Provide a short title that describes each page’s content and distinguishes it from other pages. 
• The page title is often the same as the main heading of the page. 
• Put the unique and most relevant information first. For example, put the name of the page before the name of the organization. 

• Headings communicate the organization of the content on the page. Web browsers, plug-ins, and assistive technologies can use them to provide in-page navigation.
• Nest headings by their rank (or level). The most important heading has the rank 1 (<h1>), the least important heading rank 6 (<h6>).
• Skipping heading ranks can be confusing and you should avoid it where possible. For example, make sure that an <h2> is not followed directly by an <h4>.
• Headings tutorial, W3C WAI