Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Table of Contents

Table of Contents
minLevel1
maxLevel7
excludeTable 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.

See below for an example of the proper usage of the hierarchy of using heading tags:


Heading Tag Hierarchy

{Heading 1} Membership at ABC County Club

{Heading 2} Learn more about belonging to ABC Country Club in Cincinnati, Ohio.

{Heading 3} Golf Membership

Paragraph text should be used to describe the Golf Membership.

{Heading 3} Social Membership

Paragraph text should be used to describe the Social Membership.