H1-H6 Heading Struktura — SEO vodic

Kako pravilno koristiti HTML naslove za SEO, pristupacnost i featured snippets

1. Sta su HTML headings (H1-H6)

HTML headings su tagovi od <h1> do <h6> koji definisu naslove i podnaslove na web stranici. Funkcionisu kao sadrzaj knjige — H1 je naslov poglavlja, H2 su sekcije, H3 podsekcije.

<h1>Glavni naslov stranice</h1>              <!-- Poglavlje -->
  <h2>Prva sekcija</h2>                      <!-- Sekcija -->
    <h3>Podsekcija 1.1</h3>                  <!-- Podsekcija -->
    <h3>Podsekcija 1.2</h3>
  <h2>Druga sekcija</h2>
    <h3>Podsekcija 2.1</h3>
      <h4>Detalj 2.1.1</h4>                  <!-- Detalj -->
      <h4>Detalj 2.1.2</h4>

Headings imaju trojaku ulogu:

• SEO — pomazu Google-u da razume strukturu i teme sadrzaja
• Pristupacnost — screen readeri koriste headinge za navigaciju
• Korisnicko iskustvo — vizuelno razbijaju tekst i pomazu citaocima da skeniraju sadrzaj

2. Zasto je heading struktura bitna za SEO

Google koristi headinge da razume o cemu je stranica i koje podteme pokriva. John Mueller (Google) je potvrdio: "Headings on a page help us to better understand the sections of the page."

• Razumevanje sadrzaja — H1 govori glavnu temu, H2/H3 govore podteme. Google ovo koristi za rangiranje relevantnih upita.
• Featured Snippets — Google cesto bira H2/H3 sadrzaj za featured snippet (pozicija #0). Stranice sa cistom heading strukturom imaju vece sanse.
• Passage Ranking — od 2021. Google moze rangirati SPECIFICNU sekciju stranice za odgovarajuci upit. Headings pomazu Google-u da identifikuje te sekcije.
• Korisnicko ponasanje — dobra struktura smanjuje bounce rate i povecava vreme na stranici — oba su indirektni SEO signali.

3. H1 pravila

H1 je najvazniji heading na stranici. Evo pravila:

Pravilo	Objasnjenje
Samo jedan H1	Jedan H1 po stranici daje najjasniji signal o glavnoj temi. Vise H1 razvodnjava fokus.
Sadrzi kljucnu rec	Primarna kljucna rec treba da bude u H1 — prirodno, ne forsiran keyword stuffing.
Jedinstven za svaku stranicu	Svaka stranica mora imati drugaciji H1. Duplirani H1 = duplirani signal za Google.
Opisuje sadrzaj stranice	H1 treba tacno da govori o cemu je ta konkretna stranica, ne o sajtu generalno.
Optimalna duzina	20-70 karaktera. Dovoljno dugacak da bude opisan, dovoljno kratak da bude citljiv.
Vidljiv korisnicima	H1 mora biti vidljiv na stranici. Sakriveni H1 (display:none) je sumnjiv za Google.

<!-- DOBRO -->
<h1>Meta Tagovi — Title i Description optimizacija</h1>
<h1>Lokalni SEO za Srbiju — Vodic za 2026.</h1>
<h1>10 najcescih gresaka u heading strukturi</h1>

<!-- LOSE -->
<h1>Dobrodosli</h1>                     <!-- nema kljucnu rec -->
<h1>Web Security Scanner</h1>           <!-- ime sajta, ne sadrzaj stranice -->
<h1><img src="logo.png" alt="Logo"></h1> <!-- logo kao H1 -->
<h1>SEO, meta tagovi, heading, optimizacija, vodic</h1> <!-- keyword stuffing -->

4. Hijerarhija: H1 > H2 > H3

Headings moraju pratiti logicku hijerarhiju — kao sadrzaj knjige. Ne preskacite nivoe.

<!-- ISPRAVNA hijerarhija ✓ -->
<h1>SSL Sertifikati — Kompletni vodic</h1>
  <h2>1. Sta je SSL/TLS</h2>
    <h3>Kako radi TLS handshake</h3>
    <h3>Razlika izmedju SSL i TLS</h3>
  <h2>2. Tipovi sertifikata</h2>
    <h3>DV sertifikati</h3>
    <h3>OV sertifikati</h3>
    <h3>EV sertifikati</h3>
  <h2>3. Let's Encrypt</h2>

<!-- POGRESNA hijerarhija ✗ -->
<h1>SSL Vodic</h1>
  <h3>Sta je SSL</h3>          <!-- preskocen H2! -->
  <h2>Tipovi</h2>
    <h5>DV sertifikati</h5>  <!-- preskoceni H3 i H4! -->
  <h2>Instalacija</h2>
<h1>Drugi naslov</h1>         <!-- dva H1! -->

5. Primeri dobre i lose heading strukture

Dobra struktura (blog clanak)

H1: Lokalni SEO za Srbiju — Kompletni vodic
  H2: 1. Sta je lokalni SEO
  H2: 2. Google Business Profile
    H3: Kako kreirati profil
    H3: Optimizacija profila
    H3: Google recenzije
  H2: 3. NAP konzistentnost
  H2: 4. Lokalni direktorijumi
    H3: Zlatne Strane
    H3: 011info
  H2: 5. Schema LocalBusiness
  H2: 6. Reference

Losa struktura (tipican WordPress sajt)

H1: [Logo — ime firme]        <!-- greska: logo kao H1 -->
H2: Dobrodosli na nas sajt    <!-- greska: nema kljucnu rec -->
H4: Nase usluge               <!-- greska: preskocen H3 -->
H2: Web dizajn
H2: SEO optimizacija
H2: Kontaktirajte nas
H1: Footer naslov             <!-- greska: drugi H1 -->

6. Headings i pristupacnost (Accessibility)

Za korisnike sa invaliditetom koji koriste screen readere (JAWS, NVDA, VoiceOver), headings su primarni nacin navigacije. WebAIM istrazivanje pokazuje da 68% screen reader korisnika koristi headinge za navigaciju po stranici.

• Navigacija — screen readeri imaju precicu (obicno H taster) za skakanje izmedju headinga. Bez headinga, korisnik mora slusati celu stranicu od pocetka.
• Outline — screen readeri mogu prikazati listu svih headinga kao sadrzaj — kao timeline na nasim blog stranicama.
• Preskoceni nivoi — H1 pa H3 (bez H2) zbunjuje korisnike jer misle da su propustili sekciju.
• WCAG 2.1 zahtev — kriterijum 1.3.1 (Info and Relationships) i 2.4.6 (Headings and Labels) zahtevaju pravilnu heading strukturu.

7. Headings i featured snippets

Google Featured Snippets (pozicija #0) cesto koriste sadrzaj ispod H2/H3 tagova. Dva tipa su posebno povezana sa headingima:

Paragraph snippet

Google bira paragraf ispod H2/H3 koji direktno odgovara na upit. Primer: korisnik trazi "sta je H1 tag", Google prikazuje paragraf ispod vaseg H2 "Sta su HTML headings".

List snippet

Google automatski konstruise listu iz vasih H2 ili H3 tagova. Primer: "koraci za SEO optimizaciju" — Google uzima vase H2 naslove kao korake.

• Koristite pitanja kao H2/H3 — "Sta je H1 tag?", "Kako popraviti heading strukturu?"
• Odgovorite u prva 1-2 recenica ispod heading-a — Google bira kratke, direktne odgovore
• Koristite numericke liste ispod heading-a za list snippets

8. H1 vs Title tag

Aspekt	Title tag	H1
Gde se prikazuje	Google SERP, browser tab	Na samoj stranici
Optimalna duzina	50-60 karaktera	20-70 karaktera
Brend	Obicno ukljucuje " | Brend"	Obicno bez brenda
Fokus	Optimizovan za SERP klikove	Optimizovan za citaoce na stranici
Kljucna rec	Na pocetku	Prirodno uklopljena
Koliko	1 po stranici	1 po stranici

<!-- Title za Google, H1 za korisnike -->
<title>H1-H6 Heading Struktura — SEO vodic | Web Security Scanner</title>
<h1>H1-H6 Heading Struktura — Kako pravilno koristiti HTML naslove</h1>

9. Najcesce greske

• Vise H1 tagova — razvodnjava SEO fokus. Koristite samo jedan H1 po stranici.
• H1 na logu — logo je navigacija, ne sadrzaj stranice. Koristite <a> ili <div> za logo.
• Nedostaje H1 — svaka stranica MORA imati H1. Bez njega, Google nema jasan signal o glavnoj temi.
• Preskoceni nivoi — H1 → H3 (bez H2) steti pristupacnosti i Google razumevanju.
• Headings za stilizovanje — koriscenje H2 za veliki tekst umesto za strukturu. Koristite CSS za velicinu fonta.
• Predugacak H1 — 100+ karaktera. Drzite 20-70 karaktera za citljivost.
• Genericni headings — "Vise informacija", "Detolji", "Sekcija 1" — ne daju Google-u nikakvu informaciju.
• Keyword stuffing u headings — "SEO SEO optimizacija SEO vodic SEO saveti" — Google ovo kaznjava.
• Sakriveni H1 — H1 sa display:none ili font-size:0. Google ovo tretira kao pokusaj manipulacije.
• Duplirani H1 na razlicitim stranicama — svaka stranica mora imati jedinstven H1.

10. Alati za proveru heading strukture

• Web Security Scanner — proverava H1 prisustvo, jedinstvenost i heading strukturu vaseg sajta.
• HeadingsMap — Chrome/Firefox extension koji prikazuje heading outline svake stranice u sidebaru. Odmah vidite preskocene nivoe i lose strukture.
• WAVE — Web Accessibility Evaluation Tool. Prikazuje heading strukturu i upozorava na pristupacnost probleme.
• Chrome DevTools — Elements tab → pretrazite h1, h2, h3 da vidite sve headinge na stranici.
• Screaming Frog — crawla ceo sajt i prikazuje H1/H2 za svaku stranicu. Detektuje duplikate i nedostajuce.
• Ahrefs Site Audit — skenira sajt i prijavljuje heading probleme: vise H1, nedostaje H1, preskoceni nivoi.
• axe DevTools — accessibility testing extension koji proverava heading hijerarhiju prema WCAG standardima.

11. Reference i resursi

• MDN — HTML Heading Elements
• WebAIM — Headings
• W3C WAI — Page Structure: Headings
• Google SEO Starter Guide — Headings
• Semrush — Heading Tags Best Practices
• Ahrefs — H1 Tag Study
• WCAG 2.1 — 1.3.1 Info and Relationships

Proverite heading strukturu vaseg sajta →

<!-- CORRECT ✓ -->
<h1>SSL Certificates — Complete Guide</h1>
  <h2>1. What is SSL/TLS</h2>
    <h3>TLS handshake explained</h3>
  <h2>2. Certificate types</h2>
    <h3>DV certificates</h3>
    <h3>OV certificates</h3>

<!-- WRONG ✗ -->
<h1>SSL Guide</h1>
  <h3>What is SSL</h3>          <!-- skipped H2! -->
<h1>Another title</h1>         <!-- two H1s! -->

H1: Local SEO Guide — Complete 2026 Guide
  H2: 1. What is local SEO
  H2: 2. Google Business Profile
    H3: Creating a profile
    H3: Optimization tips
  H2: 3. NAP consistency
  H2: 4. References

H1: [Company Logo]           <!-- logo as H1 -->
H2: Welcome                  <!-- no keyword -->
H4: Our services             <!-- skipped H3 -->
H1: Footer title             <!-- second H1 -->