Using styles is an integral part of creating and editing your web pages. There are many style options to define and stylize your content. Using a style to define your text is essential, it helps search engines to understand your content while also defining your content in a way that is accessible to all visitors to your webpage.
Typography Styles Available:
There is a hierarchy for how heading styles should be applied:
There should only be one H1 tag on a page, and this is the first headline on the page. In EpiServer, this is the text that goes into the "Page Title" box. Typically, you should never have to apply the H1 style manually.
For other main headers on the page, use the H2 tag.
For subheaders, use H3, H4, H5, and H6 as necessary. Use them in this order to show hierarchy.
It is important that the correct header text is applied based on your page structure. Never assign an H4 when it should be an H2 just because you like the look of the H4 header better. Doing so makes the style hierarchy confusing to end-users. It also lowers the value of your main keywords for the search engines.
Lead-in Text
This is lead in text using the "lead" style. The lead body copy makes a paragraph stand out.
Meta Information
This is meta text using the "meta information" style. It is intended for short helper text and links such as categories, authors, dates, etc.
Paragraph
This is a basic paragraph style.
Text Link
This is a basic text link.
Bulleted List
- Content item
- Content item
- sub-bullet content
- sub-bullet content
- more sub-bullet content
- more sub-bullet content
Numbered List
- list item
- list item
- sublist item
- sublist item
- more sublist items
- more sublist items
