Good headings help users quickly understand what鈥檚 on the page. They make content look more inviting. Nothing puts users off faster than a wall of text.
- Organize content with headings
Group related paragraphs and label them with a sub-heading - State the central topic in the main heading
Ensure your main heading communicates the topic of the page. Aim for an overlap between the main heading phrase and the page - Write meaningful sub-headings
Identify, describe or summarize the content that follows. 聽Think of headings as signposts that tell users what鈥檚 coming. - Begin with informative words
Avoid wordy or repetitive phrases at the start of headings. Use question-style headings sparingly as they can push more meaningful words out of view. - Use words your users understand
Don鈥檛 force users to interpret your headings. Use words they are familiar with. Avoid jargon and abbreviations unless they are well known to your target audience. - Show structure with relevant heading level tags
Use the Heading 2 format聽for your main heading and Heading 3聽format for sub-headings. Use lower-level headings to reflect a deeper heading hierarchy. Don鈥檛 choose heading level tags just for their size. - Don鈥檛 misuse heading level tags
Don鈥檛 use a heading format for text that is not a heading. If you need larger text for emphasis, use a text style such as Lead, Hero or Supersize. - Keep headings concise
Don鈥檛 waste words. If a heading wraps to a second line on a computer screen, it may wrap over several lines on a mobile phone screen. - Avoid creating content without sub-headings
Look for opportunities to add helpful labels whenever you have more than a few paragraphs of content.
Bonus Tip:聽
Avoid using all capitals
All caps can pose a problem for accessibility and readability.聽
