Let’s All Use Headings Again

By Deane Barker • • 1 min read •
AI Summary

This post advocates for the effective use of headings in web content, emphasizing their importance for readability and SEO. The author discusses how headings help organize information, improve user experience, and enhance accessibility, encouraging writers to embrace proper heading structures for better web practices.

Note

Looking back on this 20 years down the road, did we not use them, or was it just me? We were doing some dumb things with HTML back then, so maybe we weren’t using headings like we do today.

HTML provides formatting tags for headings, so why don’t we use them? H1, H2, H3…you wouldn’t believe how often designers re-invent the wheel by enclosing headings in DIV tags with stylesheets classes attached. I used to do it, then I learned a few things:

  1. Search engines will weight terms in Hx tags more heavily then terms in the body of the page, assuming that text in these tags more accurately represents the content of the page.

  2. When converting from a word processing format (Word, OpenOffice, etc.) to HTML, the standard styles “Heading 1,” “Heading 2,” etc. are transformed in H1, H2, and so on with no other formatting necessary.

  3. Text-to-speech converters will announce the heading level surrounding the text. Upon encountering an H3 tag, a text-to-speech engine will announce (“heading level three…”).

  4. Heading tags should represent an outline of the document. If the document is of any significant size, plan your headings in advance and place them, then fill the text in. If you can’t do this, then re-examine what you’re writing.

  5. You can style Hx tags just like anything else, so no complaints that you don’t like the spacing, etc. If you’re not happy with how they look by default (I’m not), restyle them.

  6. Most all WYSIWYG editors have handy little buttons for Hx tags. Try finding a button for your classed DIV (although I once made such a button in FrontPage VBA, which tells you the lengths I went to do things the hard way…).

There’s no point in re-creating something that HTML already provides. Let’s all start using the heading tags again.