Najbolje prakse za SEO naslove (H1–H3)

Zašto su naslovi važni

Naslovi (H1, H2, H3 itd.) su semantički HTML elementi koji korisnicima, pomoćnim tehnologijama i crawlerima prenose strukturu stranice. Ne djeluju kao jedini čarobni signal za rangiranje; umjesto toga, pomažu tražilicama i AI modeli razumiju hijerarhiju tema, što može posredno utjecati na relevantnost i na generiranje isječaka ili AI Overviews u rezultatima pretraživanja.

Razdvojite tri pojma kad procjenjujete naslove: crawling, indexing i ranking. Naslovi utječu na način na koji se sadržaj interpretira tijekom indeksiranja i na to koliko stranica korisnicima djeluje korisno; oni izravno ne kontroliraju crawl frequency niti ne jamče viši plasman u rezultatima pretraživanja.

Najbolje prakse za H1

Koristite H1 kao jasan, čovjeku čitljiv naslov ili izjavu o temi stranice. H1 bi trebao sažeti glavni predmet stranice i za korisnike i za strojeve. Primjer: <h1>Kako odabrati ljetnu jaknu</h1> — ovo je kratak, opisni H1 koji odgovara namjeri korisnika.

Tehničke napomene:

• HTML5 dopušta više H1 elemenata u dokumentu ako sekcije/ARIA landmarks imaju smisla, ali većina CMS-ova i smjernica za pristupačnost preferira jedan istaknuti H1 po stranici radi jasnoće.

• Držite H1 vidljivim u renderiranom DOM-u (izbjegavajte stavljanje jedinog H1 u skriptom generirani markup koji korisnici ili crawleri možda neće vidjeti). Koristite server-generated HTML ili progressive enhancement tako da je H1 prisutan u view-source i pri početnom renderiranju.

Korištenje H2 i H3 za strukturu i preglednost

Tretirajte H2 i H3 naslove kao oznake poglavlja i podpoglavlja u svom sadržaju. Pomažu čitateljima da brzo pregledaju i omogućuju tražilicama da povežu pododjeljke s upitima ili kandidatima za featured snippet. Dobri naslovi odjeljaka:

• kratki i opisni;

• odražavaju sadržaj koji im odmah slijedi;

• koriste prirodni jezik umjesto fraza pretrpanih ključnim riječima.

Naslovi i AI Overviews

Budući da su Search Generative Experience i AI Overviews postali uobičajeni u rezultatima, jasni i dobro strukturirani naslovi povećavaju šansu da će se pododjeljak upotrijebiti kao odgovor u snippet-u. AI sustavi preferiraju sažete obrasce pitanja i odgovora u naslovima (na primjer: "Kako X" ili "Prednosti Y") jer se lako povezuju s korisničkim upitima.

Pisanje naslova koji pomažu čitateljima i tražilicama

Praktični savjeti za pisanje naslova:

• Stavite temu na početak. Počnite naslove s najvažnijim pojmom kako bi i korisnici i strojevi odmah prepoznali predmet.

• Neka naslovi budu lako pregledni. Ciljajte na kratke fraze umjesto dugih rečenica; ako je rečenica nužna, pobrinite se da i dalje služi kao jasan vodič.

• Odražavajte sadržaj. Naslov bi trebao točno predstavljati sadržaj sekcije; obmanjujući naslovi smanjuju zadovoljstvo korisnika i povećavaju stopu napuštanja.

Ključne riječi i naslovi

Prirodno uključite primarne pojmove u naslove tamo gdje odgovaraju namjeri, ali izbjegavajte pretrpavanje. Prisutnost ključne riječi u naslovu može pomoći pokazati tematsku relevantnost pri indeksiranju, no prekomjerna optimizacija smanjuje čitljivost i povjerenje korisnika.

Kontrolna lista implementacije i verifikacija

Prije objave, napravite brzu provjeru koja obuhvaća i HTML i renderirani prikaz.

Kontrolna lista:

• View-source: potvrdite da je H1 prisutan u početnom HTML-odgovoru i nije samo umetnut klijentskim JavaScript.

• Rendered DOM: otvorite Chrome DevTools → Elements i provjerite pojavljuju li se naslovi u pristupačnom DOM-u i nisu li skriveni CSS-om (display:none) ili uklonjeni skriptama.

• Prikaz na mobilnim uređajima: jer Google koristi mobilnu verziju kao primarnu osnovu za crawling i indeksiranje i od July 2024 Google po zadanim postavkama pregleda stranice pomoću Googlebot Smartphone, provjerite naslove u mobilnom prikazu.

• HTTP provjere: koristite curl za inspekciju zaglavlja i HTML-a koji primite. Za dohvat punog HTML-a kao određenog user agenta koristite curl -A "Googlebot Smartphone" https://example.com/page; za pregled samo zaglavlja koristite curl -I https://example.com/page.

• URL-level debugging: za stranice koje posjedujete, koristite Google Search Console URL Inspection da vidite kako je Google dohvaćao stranicu i je li indeksirao sadržaj. Za stranice trećih strana koje ne posjedujete, koristite javne signale poput operatora site: (kao indikaciju) i provjere rendera u pregledniku.

Uobičajene pogreške i kako ih ispraviti

Problem: naslovi skriveni iza kartica ili zbog intenzivnog client-side renderiranja bez server-side fallbacka.

Rješenje: osigurajte da su ključni naslovi dio odgovora servera ili koristite postupno poboljšanje kako bi se prikazivali i korisnicima i robotima tražilica.

Problem: naslovi pretrpani ponovljenim ključnim riječima.

Rješenje: prepišite naslove tako da prioritet daju jasnoći i kontekstu. Upotrijebite prateći tekst na stranici za izražavanje varijacija umjesto da ih prisilno stavljate u naslove.

Problem: nedosljedna hijerarhija naslova (H1 nakon kojeg slijedi više H4 bez pripadajućih H2/H3).

Rješenje: održavajte logički raspored. Ako trebate vizualnu varijaciju, koristite CSS klase za stiliziranje naslova umjesto preskakanja razina u semantičkom markup-u.

Razmatranja pristupačnosti i UX-a

Naslovi su ključni za korisnike čitača zaslona i za brzo pregledavanje. Dobri naslovi smanjuju kognitivno opterećenje i olakšavaju navigaciju sadržajem pomoću asistivne tehnologije. Koristite landmarke (main, nav, aside) u kombinaciji s jasnom hijerarhijom naslova kako biste poboljšali navigaciju dokumentom.

Izbjegavajte koristiti naslove isključivo zbog vizualnog efekta. Ako trebate vizualni naslov koji ne prenosi strukturu, koristite role="presentation" ili stilizirani <div>, a semantički naslov zadržite u DOM-u radi pristupačnosti.

Daljnje čitanje i resursi

Za obrasce implementacije i alate za otklanjanje poteškoća konzultirajte developerske alate poput Chrome DevTools, Rich Results Test za interakcije strukturiranog sadržaja i Google Search Console za stranice kojima upravljate. Ako tražite širi tehnički referentni materijal, razmotrite ovaj vodič:Pročitajte Vodič za tehnički SEO.

Često postavljana pitanja

Trebam li imati samo jedan H1 po stranici?

Jedan jasan H1 praktičan je zadani izbor za većinu stranica jer daje očit signal o temi korisnicima i pomoćnim tehnologijama. HTML5 dopušta više H1 oznaka unutar sekcionirajućih elemenata, ali osim ako nemate složenu strukturu dokumenta, držite se jednog H1 radi jasnoće.

Hoće li naslovi utjecati na moje rangiranje?

Sami naslovi nisu zajamčeni faktor za poboljšanje rangiranja. Poboljšavaju strukturu, upotrebljivost i povećavaju šansu da će se dio sadržaja iskoristiti za snippets ili AI Overviews. Te prednosti usmjerene na korisnika mogu neizravno utjecati na signale za rangiranje poput relevantnosti i angažmana.

Kako trebam testirati promjene naslova?

Za stranice koje posjedujete, A/B testirajte varijacije naslova i pratite angažman te učinak u Google Search Console i analitici. Provjerite HTML i renderirani DOM pomoću view-source i DevTools, i potvrdite prikaz na mobilnim uređajima jer Google koristi mobile-first indexingi prema zadanim postavkama pretražuje web pomoću Googlebot Smartphone.

Mogu li vizualno stilizirati naslove bez utjecaja na strukturu?

Da. Koristite semantičke naslove za strukturu i primijenite CSS klase za promjenu izgleda. Ako vam treba vizualni naslov koji ne odražava strukturu dokumenta, izvedite ga kao stilizirani element odvojen od semantičkog naslova, ali zadržite semantički naslov u DOM-u radi pristupačnosti i indeksiranja.