Who here loves juice? Better yet, who doesn’t love juice? Especially fruit juice. The problem with it, though, is it can pack a punch. The amount of flavor and sugar in orange juice is both great and not so much all at the same time. For toddlers, the recommendation is to dilute it in water because it’s so powerful. Having duplicate H tags can be kind of like diluting the juice.

How Should H Tags Be Used?

According to the HTML5 Specification,

“h1-h6 elements must not be used to markup subheadings, subtitles, alternative titles and taglines unless intended to be the heading for a new section or subsection.”

The translation of this is pretty straightforward. Use headings for the start of a section or subsection.

How a Heading Element Should Not Be Used

So obviously, if that’s how they are supposed to be used then anything else is a no go. But what are some examples?

Display Changes

This is what the Common Idioms portion of the HTML5 specification covers.

Repeating Elements

For example, when you have a call-to-action in several places on your site. A heading element shouldn’t be used each time it repeats. It diminishes the power of the heading element.

No Duplicate H Tags For You

Multiple heading tags with the same text confuse people. They dilute the power of the heading. They cause confusion amongst your users and search engines.

via GIPHY

Let me help you out, don’t be a toddler with juice.

Don’t spray the juice of the same heading all over the place.

Instead, be purposeful and strategic with the flow of your pages.

Check Your Heading Tags

Until now, we haven’t had a great way of helping you check your h2 tags. But now, we’re glad to announce our very own SEO tool to help with that.

Check Your H Tags