A header tag, also seen as h1, h2, h3, etc, is another cool search engine optimization tip to improve your page/blog readability, for the consumer, and also a way to tell search engines what the post/page is about. Let’s not confuse this with the headline or title tag (I know, right!?)
A more in depth explanation
Headings, like h1, is a piece of HTML code that helps certain words or phrases to stand out. Usually the default settings for your website theme will set the h1 to a specific font size and style that is different from the paragraph font and style. Similarly, the h2, h3, etc will have a specific font size, but one that is smaller or different from the one “above” it. The h1 is usually the first, which is typically near the top of the page, but doesn’t have to be and the h2 or h3 are typically used to break the page up further. If you are lost now, don’t fret, I’ll provide an example for you!
What the code looks like
I thought it might be helpful to you if I geeked out for a moment to show you what the actual code looked like behind the scenes, so if you wanted to check out your competitors or see your page in code, you’d know what to look for.Getting a little geeky with h1 tags – check it out. Click To Tweet
What it looks like on the source code:
<h1>This is the h1 heading, more likely to be a headline, since it is usually larger</h1>
<h2>This is an h2, and might likely be one of your first header tags on your blog</h2>
<h3>This is an h3, and might be a subheading to help break up your post for visibility</h3>
Another view for my visual learners:
All of these are SEO mojo that tells the search engines that this text is important and think about it, it tells folks what the next paragraph or section is about. (Pssst, don’t forget to use your keywords, as long as it is natural – natural trumps keyword stuffing any day.)
Further, the smaller the number (1 is smaller than 3, duh right), the more important it is to search engines. Does this make sense? H1 has more klout and usually is most important to the search engines and typically only 1 on the page, whereas there may be several h2 or h3s since they are sub-headings and a nice way to organize your content.H tags are a great way to organize your content to make it reader friendly Click To Tweet
Let’s see what the difference an h tag makes in this video
Now to see it in action… check out my website with the very content on this page without any heading tags and see how it looks with heading tags. Enjoy!
Hopefully this has helped explain heading tags to you in a way that you can understand and get a little geeky with me. Should you have any questions about search engine optimization, please contact me as I would love to help you be more optimized!