This site’s own writing rules lean on lists constantly, bullet points for anything multifaceted, a tick-box checklist near the end of most articles. It seemed only right that this collection includes a list series entry that explains what happens under those bullet points, since, like paragraphs, lists are used constantly and misused just as often.
HTML gives you three distinct types of lists, each suited to a different kind of content. Picking the right one, and marking it up properly rather than faking it with line breaks and dashes, matters more than it might first appear.
The Three List Types
Unordered Lists
<ul> <li>First item</li> <li>Second item</li> <li>Third item</li></ul>
An unordered list, ul, is for items where the sequence genuinely does not matter, a set of features, a list of ingredients, a collection of related points. Browsers display these with bullet points by default, which is exactly the pattern this site’s own writing rules follow for anything that is not genuinely sequential.
Ordered Lists
<ol> <li>First step</li> <li>Second step</li> <li>Third step</li></ol>
An ordered list, ol, is for content where sequence genuinely matters, step-by-step instructions, a ranking, a numbered process. Browsers automatically number these items, and, importantly, that numbering updates correctly if an item is added or removed, which manually typed numbers never do reliably.
Description Lists
<dl> <dt>Term</dt> <dd>Its definition or description.</dd></dl>
A description list, dl, is the least commonly used of the three, and genuinely useful for a specific purpose, pairing terms with their definitions or descriptions. A glossary or an FAQ-style term and answer pairing is a reasonable use case, though most FAQ sections, including the ones on this site, are more commonly built with headings rather than description lists.
Why the Right List Type Genuinely Matters
- Screen readers announce list structure to users, telling them how many items are in a list and their position within it, which only works with genuine list markup
- Search engines and AI answer engines use list structure to understand and often directly extract step-by-step content or feature sets, which is particularly relevant for how-to style content
- An ordered list’s automatic, self-correcting numbering avoids the maintenance headache of manually renumbering steps every time content changes
- Genuine list markup styles consistently and predictably through CSS, unlike text faked to look like a list with manual dashes or numbers
The Common Mistake Worth Avoiding
The most frequent misuse is typing a dash or a number directly into a paragraph of text to create the visual appearance of a list, rather than using genuine list markup underneath.
Not a real list:<p>- First point<br>- Second point<br>- Third point</p>A real list:<ul> <li>First point</li> <li>Second point</li> <li>Third point</li></ul>
The first version might look identical on screen, but it communicates nothing structural to a screen reader or a search engine. It is simply a paragraph that happens to contain some dashes. The second version genuinely says “this is a list of three related items,” which is considerably more useful information for anything trying to understand or navigate your content.
A Quick List Checklist
☐ Use an unordered list when sequence does not genuinely matter
☐ Use an ordered list when sequence genuinely does matter, steps, rankings, instructions
☐ Never fake a list with manually typed dashes, numbers or line breaks
☐ Nest lists properly when needed; a sub-list sits inside its parent list item, not alongside it
☐ Keep list items reasonably parallel in structure and length for genuine readability
Frequently Asked Questions
Does WordPress create real list markup when I use the block editor’s list tool?
Yes, the block editor’s bullet and numbered list blocks generate genuine ul and ol markup automatically. Problems tend to arise with content pasted from other sources, particularly Word documents, which can sometimes bring along inconsistent or improper list formatting that is worth checking.
Should I use an ordered or unordered list for a checklist like this site’s own?
An unordered list is generally the better choice for a checklist, since the individual items usually aren’t meant to be completed in a strict sequence; they are simply a related set of things to check. An ordered list is better reserved for content where the sequence itself carries genuine meaning.
Can lists help my content get featured in AI answer engine results?
It can genuinely help. Clearly structured lists, particularly ordered lists for step-by-step content, are easier for AI tools to extract and represent accurately when answering a related query. This is one of several reasons genuine, well-structured list markup supports GEO as well as traditional SEO.
Is it acceptable to use a list for just two items?
There is no strict rule against it, though for genuinely short content, two brief related points, a plain sentence or short paragraph sometimes reads more naturally. Lists tend to earn their place once there are three or more items, or when the visual scannability of a list format genuinely helps the reader.
Why does my nested list look wrong on my WordPress site?
This is usually a CSS styling issue rather than a fundamental markup problem, though it is worth checking that the nested list is genuinely placed inside its parent list item in the underlying HTML, rather than simply indented visually alongside it. Incorrect nesting can cause both display and accessibility issues that pure CSS styling cannot fully resolve.
Want Your Site’s Content Structure Checked?
If you would like a second opinion on whether your site’s lists and other content are properly structured under the hood, get in touch for a straightforward conversation with no obligation and no sales pitch.