Page Header and Summary

The Page Header and Summary appears at the top of every page on the website. Use this content type to tell visitors what to expect from the page. You can choose from 3 different versions based on your

What it will look like

Below are 3 examples of the different Page Header and Summary content types.

Page Header and Summary

This is an example of the standard Page Header and Summary. This is the most common Page Header and Summary.

Page Header and Summary (with contact link)

This is an example of the Page Header and Summary (with contact link). You can add an optional profile photo of the contact person. This version is most often used on department pages.

Page Header and Summary (with anchor links)

This is an example of a Page Header and Summary (with anchor links). This version will dynamically include anchor links that jump site visitors down to different sections of a long page. Work with the

When to use

Every page on our site will use a Page Header and Summary. Here are some cases where you should use the special versions of this content type.

With a contact link

Only use this version when you have a Contact content type on the page. Below are some common cases.

  • When you have a specific contact for the content
  • When visitors ask a lot of questions about the topic
  • When you want feedback about the content of a page
  • On department, division, and ward pages
  • On program/initiative pages with specific contact information
  • On the pages of larger projects that have a coordinator or other point of contact

With anchor links

This version has a few special uses. Contact the Digital Services team if you'd like to use it.

Best practices

You should use only one Page Header and Summary on a page. Also, note that the header and summary you add are used in the Explore this Section card.

Page heading

This is the H1 of your page. It should match or be very close to the Page Name. Make sure it's descriptive of what information people can find on the page. It can be conversational, where appropriate.

  • Be brief. Use around 2-5 words.
  • Be clear about the contents of the page.
  • Use sentence case. Exception: If the page name starts with a year, capitalize the next word, e.g., 2020 Rental tier assignments and scores dashboard.
  • Start with a noun.  
  • Use “and” instead of "&."
  • Use plain language at an 8th grade level (or lower).

Things to avoid

  • Don't use a period at the end of the heading.
  • Avoid starting with a verb.

Summary

A good summary will let visitors know if they are on the right page. The summary will appear at the top of the page and as a short description in the search results. This should not repeat what's in the page heading.

  • Explain the purpose of the page.
  • Keep the summary to 2 - 3 sentences.

Things to avoid

  • Don't repeat the page heading.

Contact section

  • Include a close-up profile photo if possible.
  • Use a person or department name.

Things to avoid

  • Don't use the "with contact link" variation if the page doesn't have a contact section.

Contact us

Example contact

We included this contact block to show an example of the Page Header and Summary (with Contact Link).

Address

2300 N 1st St.

Minneapolis, MN

Phone

612-244-5453

More information

Learn more about the Contact content type

2nd example contact

You can add more than 1 row of contact information for different people or groups.

Address

2300 N 1st St.

Minneapolis, MN

Phone

612-244-5453

More information

Learn more about the Contact content type

Help us improve

Send feedback to the Digital Services Team.



Information you provide is subject to the Minnesota Government Data Practices Act. This law classifies certain information as available to the public on request.