Southern New Hampshire University

Best Practices for Heading Hierarchy

Updated on

Why Headings Matter?

Heading levels have meaning, especially for screen reader users and search engines. That means one unique first-level heading per page, with the other headings representing the page content similar to the index of a book: easily scannable and semantic.  If heading tags are misused, search engines and screen readers will get confused about how the content is structured and prioritized on the page. 

Screen readers also reference heading tags to understand how page content is structured: 

  • A screen reader will notice the code and tell the user a heading (e.g., beeping or chime, announcing the level, etc.).  
  • Screen readers also use headings to quickly navigate through content to jump from one heading to the next.

Headings in Microsoft Word

Creating Heading Hierarchy

The different heading style sizes help visual learners understand how the subtopics relate to the main topics. If you are consistent in your header level structure, your audience who use visual cues can quickly scan your issues on your document based on text size: 

  • Header 1 (Heading Level 1) is the largest font (Page title) 
  • Header 2 is a larger font size than Header 3 
  • Header 3 is a larger font size than Header 4 

Ask yourself the following questions when writing well-structured headings:

  • Is the H1 heading tag used only once?
    • H1 may serve as the 'title' of your brief document. 
  • Are the headings too general?  
    • H2, H3, etc., tags can be used multiple times if you follow a natural document hierarchy. 
  • Is the subheading logically placed?  
  • Is each heading and subheading descriptive of all the following information?  
  • Did you skip heading levels?  
    • Avoid skipping heading. For example, do not skip from <H2> to <H5>.  
  • Did you use the Styles pane to make it visually distinguishable? 
    • Avoid simply putting section headings in bold without using the Styles pane.  
    • Avoid selecting heading levels based on their appearance. Select the heading rank in your hierarchy. 
Previous Article Heading Hierarchy Creation
Next Article Increasing Font Size in Brightspace