Kathy Smith
Sr. Website Designer

Using h1 and h2 Heading Tags in WordPress

In an earlier series of blogs about basic web coding for laypeople, I wrote about heading tags. They not only help delineate passages stylistically. There’s another bonus: search engines can use them to understand what you feel is important about your site.

They are code. Take this page as an example. If you look at the guts, the code of the web page, you will find that the big bold text is coded this way:

<h1>My Website’s Main Topic</h1>

The “h1” part tells your browser to stylize that text as a main topic, which means usually that it will have a large, bold font.

H1 and h2 heading tags

It’s also important to be able to format other sections of your post as subheadings (h2).

Where an h1 tag is the subject of your page, using h2 tags enables you to specify subsections. This aids in readability. H2 tags are usually styled as larger than the regular textual information on a page, but smaller than h1 tags. Here’s a sample page with h2 tags.

The “Long foldover skirt,” “Tiered peasant skirt” and “Ponte pleated skirt” sections are all formatted using h2 tags.

How to use WordPress to create H1 and H2 tags

Many people are using WordPress as a content management system to update their website and create blogs. With WordPress, your site might already be set up to use the title of your page or post as the h1 tag. But if it isn’t, there’s a way to format a subject for your page using the text editor. And for subheadings in WordPress, you will still benefit from formatting them properly with h2 tags.

Here’s a video showing how I am formatting this blog entry with heading tags:

about lakenetwork

Lakenetwork is a family-owned business providing website design and development for companies, professionals and organizations in the Cleveland, Ohio area and beyond. We specialize in providing the most cost-effective and appropriate solutions for clients’ online needs. We are located in Eastlake, Ohio.

Get in touch...