Titles and headings act as a roadmap for your visitors. They provide a quick glimpse of your content and organize information into readable "chunks" that are easy for both humans and search engines to parse.
Page Titles (H1)
The Page Title is the most important piece of metadata on your page.
- Automatic Formatting: The H1 tag is automatically applied by SUpal based on the title you provide, or the hero you selected when creating the page.
- Clarity: Clearly describe exactly what information a user will find.
- Standard Practice: Capitalize the first letter of each significant word (Title Case).
- Length: Aim for titles that fit on a single line in desktop view to maintain a clean, professional layout. Ideally, titles should remain under 40 characters; anything longer may be truncated in breadcrumbs or on smaller mobile screens.
Section Headings (H2)
Use headings to group related paragraphs and define the flow of your content.
- The Scan Test: Try scanning your page by reading only the headings. If you can understand the substance of the content, your headings are well-constructed.
- Tagging: Always use the H2 tag for primary section breaks.
- Capitalization: Follow the same Title Case standard used for page titles.
Subheadings (H3)
Subheadings provide an additional layer of organization within an H2 section. For example, if your H2 is "Academic Programs," you might use H3s for "Undergraduate" and "Graduate."
- Tagging: Use the H3 tag for these sub-sections.
- The Three-Level Rule: If you find yourself needing more than three levels of headings (H4 or deeper), your content may be too complex. Consider breaking it into multiple pages for better usability.