How to organize titles

Question

How to organize titles in an html document? Ex: I have 2 Section, 3 div’s, one Nav, 1 aside and 3 article. So should I sort titles and subtitles for each element or for the whole page? That is, each element or section will have an H1 or my orientation should be relative to the general page?

<h1>PRINCIPAL</h1>
<h2>ASSUNTO 1</h2>
<h3>SUBTITULO DO H2</h3>
<h2>ASSUNTO 2</h2>
<h3>SUBTITULO DO H2</h3>
<h2>ASSUNTO 3</h2>
<h3>SUBTITULO DO H2</h3>
</section>
<section class="lado esquerdo"> <nav></nav> <aside>outros elementos e assuntos <article>outros elementos e assuntos </section>
</section>

Answer 1

I didn’t quite understand your question, but I’ll try to answer what I understood.

The order of the headings H1, H2, H3,... "does not interfere" on the page. This will according to your layout and how you prefer. See this example with several <h1> on the page:

<h1>PRINCIPAL</h1>
<h2>ASSUNTO 1</h2>
<h3>SUBTITULO DO H2</h3>
<h1>PRINCIPAL 2</h1>
<h2>ASSUNTO 2</h2>
<h3>SUBTITULO DO H2</h3>
<h1>PRINCIPAL 2</h1>
<h2>ASSUNTO 3</h2>
<h3>SUBTITULO DO H2</h3>
</section>
<section class="lado esquerdo"> <nav></nav> <aside>outros elementos e assuntos <article>outros elementos e assuntos </section>
</section>

Now, note that if your concern is SEO, the approach changes. For this, several factors are taken into account, including the <h1>. For this, some factors should be taken into account, such as:

1 - H1 with the keyword of the main idea

2 - H2 with the keywords of the main idea elements

3 - H3 to further divide the elements and facilitate understanding and visualization of people and robots.

Note a practical example of their use:

Suppose you want to make a website selling cars called cars.com.

<h1>

The largest list of new, semi-new and used cars on the internet

Note in the H1 example above that some possible Keywords of the site have been used and the text is written in a way that the user can understand.

<h2>

For sale Carros da Marca FIAT

Already in the text of H2 we have something more specific, ie it is a subsection of H1, and again we put some site Keywords in H2, this helps a lot the search engines and the user to find what they need on the site

<h3>

For sale Carros Fiat Punto

Just like in H2, H3 has to be a top H# add-on. And this rule has to be followed up to the H6 tag.

Note: You’ll find more on the subject if you use the keyword Heading Elements or Heading Tags.

Sources:

• Seomarketing
• Developer.Mozzila
• Agency
• Conversion

Answer 2

Follow what the W3C says.

Source W3C => http://www.maujor.com/w3ctuto/qatips/useh1.html

Use H1 for first-level headers

H1 is the HTML element used for first-level headers in a page:

If the document is unique in its subject, for example: Things to do to see and to do in Geneva, the top level header probably equal the title of the document. If the document is a of a collection on a subject, for example: a page on dogs being part of a collection of pet pages, the first level header may be a specific text referring to to the subject; only

Dogs

while the title may be any generic text related to the subject: Dogs - Guide for animals estimation. Unlike the title, this element, the , can contain links, emphasis or other HTML Phrase Elements (HTML element for phrases).

The default font size ("default") adopted by some browsers for , unfortunately has led some designers to adopt the . To tools that use the page structure for your performance, such as Amaya’s table of Contents view (NT: Amaya tool that relates the contents of a page) practice (use in place of ) is harmful. Consider the use of Cascade Style Sheets , which were developed to express the font sizes preferred by designers for elements such as H1 and H2.