Building and managing your own website often requires a fundamental understanding of technical issues. Because of that, we will discuss some basic website coding to help small business owners understand and use this basic coding.

HTML Header Tags

Basic #1 – HTML means Hypertext Markup Language. In plain English, HTML is a simple code that tells a browser how to deliver content onto a page. For example, I need to use a code to tell a browser to add an image at a certain point in the page. That code is HTML.

Basic #2 – A Tag identifies the type of content that is coming after it. So the tag <img> means an image is coming after that.

Why You Need to Understand Headers

A header tag looks like this: <h1>, <h2>, etc. These tags are useful for formatting text on a page. They are also useful for telling search engines what the most important part of your text is about.

If you look at the page above this text, “HTML Header Tags” is the largest print. The next largest is “Why You Need to Understand Headers.”

Do you see how one looks more important with the other?

This hierarchy of headlines is created by using Heading 1 and Heading 2 tags in the HTML for this page.

Because it creates an order for the content, headings are useful for human eyes (they make the page easier to read). They are also useful for search algorithms (they define the important content).

How to Insert Headers on Your Website

Depending on what you use to build your website, there are several ways to add a header.

HTML Plain Text Heading Example

HTML Header Tag Text

Notice that the <h2> code has to have an ending </h2> code in order to change the text back to the default font.

Shopify Header Example
Shopify Formatting Example

Using the drop-down box, you are able to select different levels of heading and also use some other formatting types.

WordPress Header Example

Wordpress Header Example

As you see in this screenshot from my post, WordPress has a similar dropdown menu as Shopify. But, if you want it to be really easy, use Shift + Alt + the number tag you want.

Here’s a Heading 3 Line

I made the shift to <h3>  by entering shift+alt+3. This saves time in writing and formatting. It really saves time if you, like me, get distracted by trying to use your mouse while you are writing.

Other Header Basics

Finally, understanding and using Headers needs to be about the reader first, SEO second. I use headers because the breakup of plain text can help people read my writing. I also use headers because it helps organize thoughts and content planning. Only when those goals are accomplished to I begin to consider the SEO properties of the HTML header tags.

Header tags do help your content ranking on Google because they show what you really want the post to be about.

This post mentions both WordPress and Shopify several times in the content and in the screenshots I entered above. But, since there are no header tags talking about them, this page will not be considered relevant for people looking for the terms WordPress and Shopify.

Even though HTML tutorials are a bear to rank for on search engines (Because HTML.com and W3 Schools should be on the first page), I want this page to still be considered relevant for headers.

So, that is your basic small business update on using html header tags.

How about you?

What HTML formats do you regularly use on your website?

Do you have any additional questions about basic website coding that we could answer for you?