Screenshot of financial aid page on St. 爱德华的 website with a header.

标题引导读者. 

Our content management system provides several options for typography.

To ensure consistency across pfpay.net, headers should be used in logical hierarchy (i.e., H2 before H3, H3 before H4, etc.). Additionally, headers play a key role in getting people to our site. They help search engines understand the hierarchy when including our page in search results.

H2标题

H3头

H4头

H5头
编辑标题

标题提示:

  • Go inside the mind of the user. Think of what questions your target audience might be trying to answer and try to mirror that language in the header.
  • 使用它们! Headers provide copy breaks and help make pages more scannable.
  • 是一致的. Make sure that all parallel subsections use the same level of header. This tells the reader what to expect.
  • 保持简短. The longer your headers are, the harder they are to read.

For consistency, page titles and H1 should not contain abbreviations (including “&”, unless is the official style of a formal title). 

如何添加标题

Body copy communicates information.

Use intro copy to provide a short (keep it between 2-3 sentences) introduction to the content.

Then switch to body copy (and use headers as needed). 

复制技巧:

  • Intro copy has been carefully designed to stand out. Do not bold or italicize this copy for extra emphasis.