Skip to content Skip to sidebar Skip to footer

All Important HTML Tags for SEO

HTML Tags for SEO - This article discusses the importance of HTML tags for SEO on a blog page that is often overlooked by beginner bloggers. The use of complete and good HTML tags is not only about the appearance of the blog page but how effectively the blog page is searched and indexed by search engines. In other words, HTML tags are important for SEO.

Every blogger always dreams of having their blog posts indexed by search engines like Google or Bing. They have done a lot of things like submitting their blog sitemap and asking search engines to index their blog posts by doing URL inspections. By being indexed by search engines, they hope that the articles they write can be found by people easily. Many beginner bloggers optimize their blog pages in sophisticated ways so that they forget the initial foundation that built their blog pages, HTML tags.


Influenced by the mistaken idea that "HTML tags don't really matter", all they care about is heading tags because many SEOs say that only heading tags affect search engine behavior. Through this article, you will see how important HTML tags for SEO are.

All Important HTML Tags for SEO

A blog page, especially one that uses the Blogger platform, is an HTML file. This can be seen from the URL of each article or page on your blog; the extension ending that URL is HTML. How your blog page looks and behaves in a browser is greatly influenced by CSS and JavaScript, but how well your blog page performs is determined by HTML. Browsers and search engines can render your blog pages well as long as there are no errors in your page code. Don't you think that HTML tags that are not used properly and correctly can result in errors even though these errors are not reported by browsers and search engines?

Search engines like Google rely on robots that we know as Crawlers. Crawlers will crawl every bit of code of a blog page and the better the blog page is coded, the greater the chances of that blog page being indexed. Therefore, from now on, you must pay attention to the HTML tags that must be used when you write articles on your blog. Here are some HTML tags that you should use.

<main> </main>

Each of your articles must begin with the <main> tag and end with the </main> tag. This <main> tag serves to signal to browsers and search engines that the content contained in this tag is the main content that must be displayed by browsers and must be found by search engines.

The content between the <main> and </main> tags is unique content, namely your article. Then what is not unique from a blog page? What is not unique to blog pages is the navigation bar, sidebar, search box, or footer. All of these mentioned elements appear on your every page or blog post.

By placing an article between the <main> and </main> tags, you are signaling to browsers and search engines that this content is unique (and important), not duplicate content, and is eligible to be indexed.

Now, think about it: do you want your articles to be translated into multiple languages by search engines and browsers? Using the <main> tag, you can add one of the global attributes such as translate="yes" to let search engines and browsers know that content between the <main> and </main> tags are acceptable. Or, if you don't want to translate it, you just need to change the value of the translate attribute from yes to no.

<section> </section>

Before you start writing your article between the <main> and </main> tags, consider first whether your article is divided into sections. If so, and articles are generally divided into sections marked by headings and sub-headings, then we recommend using the <section> and </section> tags.

By using the <section> tag, you signal to browsers and search engines that your article consists of several unique and non-duplicate sections.

The <section> tag also serves to display parts of your article as a whole. That is, these sections will not be interfered with by other elements that will clutter up the content of your article.

<article> </article>

It is between the <article> and </article> tags that you start writing your content. The <article> tag specifies independent, self-contained content.

Of course, you want search engines to find all the sections of your article and you've used the <section> tag for that. By using the <article> tag flanked by the <section> and </section> tags, you allow search engines to display certain sections of your article according to what someone is looking for through a search engine.

For example, you write an article about the coronavirus, and the article covers the definition and symptoms of the coronavirus. You put an explanation of the symptoms of the coronavirus in the middle of your article. If your title is "Coronavirus and how to deal with it", then your article can be found by someone who types "symptoms of the coronavirus" in a search engine. This is because the search engine has noted that your article has a section that describes the symptoms of the coronavirus; because you use <section> and <article> tags which indicate that it is unique content.

Also Read: Should I Blog in English or in my Native Language?


<header> </header>

If you pay attention to how search engines display a short description under the title, it is that description that makes people choose a title to read. If you use the Blogger platform, you can type a sentence that describes your article as a whole but unfortunately, you can only type sentences in 150 characters.

Imagine that a search engine could display a different description for each section of your article; this will benefit you and also help others to find your article.

The function of the <header> tag is to introduce your article to people who read it. Of course, when people open your article page, they don't see any difference between the section you fill in between the <header> and </header> tags. But search engines and browsers understand the difference. Search engines will display the section that is between the <header> and </header> tags as a description that will introduce the content of your article (or part of the article).

<h1, h2, etc…>

Now let's talk about headings and sub-headings. This is what many SEO practitioners are talking about. Headings indeed show search engines and browsers that the space between the <h1> and </h1> tags is important. However, using it wrong can make search engines "confused" so that your article will be "ignored" by search engines.

Search engines are not human beings who can think and make decisions. The search engine works based on the command line and data. What is meant by "confusion" is when search engines do not find any <h1> in your article because there are two <h1> in your article. Search engines and browsers have been set that there can only be one <h1> tag in an article so that if the search engine does not find "there is only one <h1> in article X", then the search engine will interpret "no <h1> in the article X" because the data it collects doesn't match the command line it understands.

Most Blogger templates have been set that the article title uses the <h1> tag. That is, when you write articles, you should not use any other <h1> tags just because you think they will be found by search engines. Start your article with the <h2> tag.

All blogging platforms always provide a special box so that we can use it to fill in the title of the article that we will post. The title box and the content box are separated in such a way that we understand that there is no need for the main title in our article content. The main title of our article will be automatically set to <h1>. What we need to use in the content box is <h2> and so on until <h6>.

The use of heading tags must be sequential. You may not use more than one <h1> but you may use <h2> as many times as needed. But if you divide the discussion from a section, then you should use <h3>. Then, without <h3> you should not use <h4>.

What you need to understand when using heading and sub-heading tags is this: heading tags not only define font size and thickness but also signal to search engines that your content is divided into different sections and is structured properly. There are very important, important, less important, and very unimportant sections in your article and all of these are marked by heading tags. Use it smartly!

<aside> </aside>

I understand that many bloggers want to display "other information" that may not be relevant to the article for example advertisements and so on. This unrelated content must be placed between the <aside> and </aside> tags so that search engines do not consider it to be part of the article.

If you don't place the irrelevant content in the <aside></aside> tag, there is a high chance that your article will not appear in people's browsers because search engines find that the information contained in your article is not relevant to what people are looking for. Worse still, the crawler robot may detect that the content of your article does not match the title of your article so that it is ignored and not indexed; and you are sad.

Therefore, any content that is not relevant to your article should be enclosed in <aside> and </aside> tags.

Overall, your article should be structured as below. Use this template in each of your articles.

Understand that a blog page is a unit. Each part is interrelated and supports the other. If you want your blog content to work well and be found by search engines easily and quickly, use HTML tags properly, completely, and correctly. Remember that crawler robot will not pay attention to a page that is not well structured and the better the use of HTML tags in your blog pages, the better the structure will be.

Please, only relevant comments are accepted. Comments that are irrelevant and/or containing active links will be deleted. Thank you.

Post a Comment for "All Important HTML Tags for SEO"