The heading is an element or HTML tag that serves to show an important part of a web page. There are 6 consecutive levels of HTML heading tag elements include <h1>, <h2>, <h3>, <h4>, <h5>, <h6>. You can use them to mark off the titles and subtitles on a web page. The difference among those levels is the text sizes. The size of an <H1> heading is larger than <h2> heading, and so on.
Heading Tags in HTML
The use of each heading level is also different to each other. The following is the use of each
heading tag/element that is often applied in processing web pages:
- <H1> is the heading tag to indicate the main title of a web document or web page.
- <H2> is the heading tag to indicate the subtitle of an <h1> heading
- <H3> is the heading tag to indicate the subtitle of <h2> heading
- The use of <h4> <h4> <h5> <h6> depends on the structure of the content on a web page and programmers often use them too to beautify the text structure of a web page as necessary.
Below is a set of some simple examples to implement each HTML element/tag heading:
<!DOCTYPE html> <html> <head> <title></title> </head> <body> <h1>This is Heading 1</h1> </body> </html>
<!DOCTYPE html> <html> <head> <title></title> </head> <body> <h1>This is Heading 1</h1> <h2>This is Heading 2</h2> <h3>This is Heading 3</h3> <h4>This is Heading 4</h4> <h5>This is Heading 5</h5> <h6>This is Heading 6</h6> </body> </html>
The view of those HTML structures on a web browser would be the following:
The examples above show the difference among heading tag levels. You can also include the heading tags in other types of tags. Here is an example of using heading element inside another type of tag:
<! DOCTYPE html> <Html> <Head> <Title> </ title> </ Head> <Body> <a href="https://skillonpage.com/"> <h1> this is heading 1 </ h1> </a> </ Body> </ Html>
The example above shows the use of heading tags inside an <a> tag. While
The use of href attribute is to connect the web page with other web page/document in the form of a link. When clicking on the anchored link within the H1 heading text, you’ll be redirected to https://skillonpage.com.
Read also: Tags, Elements, and Attributes in HTML.
The Benefits of HTML Heading Tags For SEO
Some bloggers assume that the use of HTML heading tags for SEO has been outdated and obsolete. But they wrong. Although the heading tags in HTML structure of a web page are just to indicate a set of the main title along with subtitles format of content or article, surprisingly they have some significant benefits for SEO. Besides of making your site more user-friendly and in its look, HTML heading tags are significant to optimize the Onpage SEO of your web page. Take note that Google (one of the most popular search engines) ranks each of your website’s pages based on its keyword. So, it’s a mandatory to use a keyword strategy instead of getting backlinks to win the SEO competition. HTML heading tags in the structure of the titles of your web page will help Google to indicate the most relevant keywords on your web page. Besides, Google will also know how to rank your web page on the Search Engine Ranking Page (SERP).
If you read our article about the role differences among web designers, web developers, and web masters, you’ll understand why a webmaster should care about the SEO. As in the real particular work in organizations, web designers and web developers are almost have nothing to do with digital marketing strategies. One of the strategies is SEO. But web masters care and even in-charge for digital marketing, especially in SEO. Most Search Engines are meticulously in indexing and analyzing the HTML structure of a website, including the content. So, if you are a site or blog owner, you are the web masters, and once again, a good (real) web master knows how to work as a web designer, even as a web developer. Not to mention knowing how to optimize online marketing on a website.
So, HTML Heading Tags are a part Onpage SEO Skills, and if you use them correctly, then the parts of the content of your site get optimized for SEO.
How to Optimize HTML Heading Tags for SEO
Currently, the first applicable requirement of using HTML heading tags for SEO is the use of <H1> Heading Tag. You can only use one H1 tag for a web page. Also, you should use the main keyword of the web page into the H1 title to represent the topic of the entire page.
Then, how about <H2> to <H6> heading tags?
In the utilization of some other Heading Tags levels under the <H1> tag, you should use some relevant texts which are related to the H1 Tags. Applying subtitles on a web page tells search engines precise information on the web page. This way makes your web page get better rank on the search engines.