...
Headings define content sections. Headings should be clear and concise.
H1
- Only one H1 per page, it is also known as the page title
- As few words as possible, 1 or 2 words ideally. (Can be more if there’s a long name, such as “Finance, Investment, and Banking Department”.)
- Should make it clear what the page is about (user might be thinking "Am I on the right page?"– H1 should confirm that immediately)
- H1 should match the browser title and navigation link (there may be exceptions, but this is a great default).
- H1s are consistent across sections of the website, so the H1 is usually pre-decided.
- For example: Each program has an Admissions page, a Careers page, and a Curriculum page. And the H1s are all Admissions, Careers, and Curriculum.
...
- 30 characters max
- Keep it short since it is often in all-caps
- Often used right above another heading. Example: small text above page title in the AI Hub for Business page hero
- Not available on all components
...