Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 5 Current »

Table of Contents


Proper Heading Tag Usage

Each site has 6 styled heading tags. These heading tags should be used similar to an outline, while the paragraph text is used to fill in the information between sections. The use of heading tags also gives the site a consistent look and feel across all the pages.

On the back side of the site, these heading tags are automatically formatted within HTML so search engines can read them. For example, styling something with Heading 1 in the CMS, it will look like <h1>Membership</h1> within the HTML automatically.

Heading 1

  • Should only be used one time per page.

  • Every page should have a Heading 1.

  • Should serve as a way to state the topic of the page.

  • This is typically the largest font on the page.

Heading 2

  • Should be used as an introduction to further describe the information on the page.

  • Every page should have a Heading 2.

  • This is typically the second largest font on the page.

Heading 3

  • Should be used to break out subsections.

  • This is typically larger than that paragraph text and helps draw the end user to specific sections they may be looking for on a page.

  • Not necessary to have a Heading 3 on every page.

  • Use this when needed to help break up large sections of content.

Heading 4-6

  • Use each of these to break up the content further.

  • It is not necessary to use these if your content does not call for it.

Heading Tag Hierarchy

  • No labels