H1 i H2 Tagovi

h1, h2, h3... su blok elementi i pomažu nam za tagovanje naslova a time i za optimizaciju sajta. Treba ih koristiti uvijek, a često kao naslov u zaglavljima i/ili kao imena sekcija. H (en. heading) je definicija koja se koristi za veličinu slova, pa tako imamo veličine od h1 do h6 poredjane od najveće ka najmanjoj. Koja će veličina biti kojeg taga to zavisi od vas, to jest dizajna sajta.

Kako se h elemenat koristi za tagovanje i zašto je ono dobro za optimizaciju? Svi pretraživači jako vrednuju kad se neki dio teksta taguje sa h1 i h2 elementima jer smatraju taj dio teksta veoma bitnim, izdvojenim i naglašenim.

Ako želite napraviti jaču optimizaciju to morate činiti jako oprezno. Pogledajte šta kaže google stručnjak: More than one H1 on a page: good or bad?. Kratko: možete tagovati više naslova odjednom na istoj web stranici. HTML5 nam dozvoljava (preporučeno) definisanje naslova poput:

<header>
  <h1>Ovo je prvi naslov</h1>
  <p class="author">napisao Leftfield</p>
</header>

<header>
  <h1>Ovo je drugi naslov</h1>
  <h2>Ovo je podnaslov</h2>
</header>

U gore navedenom primjeru se koristi h2 kao podnaslov. Sledeća varijanta izbjegava h2 tag, i koristi veoma jaku caku:

<section>
  <h1>Prvi nivo</h1>
  <section>
    <h1>Drugi nivo</h1>
    <section>
      <h1>Treći nivo</h1>
    </section>
  </section>
</section>