Kad otvorite knjigu, novine, web stranicu ili čak neki formular, vidjet ćete da su dijelovi teksta istaknuti . Istaknuti dijelovi teksta su oni koje prvo okrznemo okom. Počevši od naslova koji je obično najveći i najdeblji dio teksta, do podnaslova, zaglavlja odredjenih sekcija i slično.
Što veća i deblja slova to važniji sadržaj. Zamislite sad da umjesto istaknutih naslova sve izgleda isto…koliko bi bilo teže razumjeti i pročitati dokument. Zamislite novine ili web stranice bez raznoraznih naslova i podnaslova. Svijet bi bio dosadno i monotono mjesto bez njih.
Svaki program koji koristimo za pisanje kao Microsoft Word ili Open Office Writer ima integrisane tagove za Headinge ili naslovne porcije teksta. Internet je organizovan na isti način. Naslovi za potrebe interneta imaju 6 priznatih H Tagova h1, h2, H3, h4, h5 i h6.
Rijetko ćete naći websajt koji koristi sve tagove, ali oni su tu za našu upotrebu. Upotreba tagova ima svoja pravila koje ne morate pratiti, isto kao što ne morate reći hvala ili molim ali je poštovanje pravila poželjno. Na isti način na koji ljudi biježe od ljudi koji nisu u stanju ili nisu voljni da kažu hvala ili molim, isto tako će biježati od websajta ili dizajnera koji se ne trudi da ispravno koristi svoje H tagove.
Kad gledate neki dokument koji na inteligentan način opisuje neku specifičnu temu, što svaki ozbiljan dokumenat radi, prvo što ćete vidjeti je naslov. Naslov je na vrhu dokumenta, napisan velikim slovima i ako je semantički ispravan, taj naslov sam po sebi će vam dati dobru ideju o sadržaju clanka u cijelini. Taj naslov cete vidjeti samo tu na početku i nigdje viže u tekstu. Svaki pokušaj formatiranja nekog drugog naslova na isti način kao glavni naslov ne bi imalo smisla.
Ispod naslova bit će uvodni paragraf. Taj uvodni paragraf ponekad bude napisan drugačijim slovima od ostalih paragrafa. To je dobra praksa i stvarno izgleda lijepo ako se uradi ispravno. Početni paragraf je izuzetno važan jer nam služi kao ovodno objašnjenje sadržaja koji dolazi.
Nakon uvodnog paragrafa dolazi podnaslov. Podnaslova može biti više, i svi podnaslovi izgledaju isto. Oni odvajaju glavne sekcije dokumenta u jednako važne pod sekcije.
Svaki podnaslov može imati pod podnaslov i ti pod pod naslovi su manji od pod naslova i može ih biti više.
Predhodni opis bi trebao da vam da jasniju sliku o H tagovima. Glavni naslov koji koristimo samo jednom u cijelom dokumentu je napisan korisvenjem H1 taga.
Podnaslovi koriste H2 Tag i može ih biti vise, i tako dalje i tako dalje…
<h1>Tekst za Heading 1</h1>
<h2>Tekst za Heading 2</h2>
<h3>Tekst za Heading 3</h3>
<h4>Tekst za Heading 4</h4>
<h5>Tekst za Heading 5</h5>
<h6>Tekst za Heading 6</h6>
Kako sam već rekla, H ili heading tagovi daju veću ili manju važnost dijelovima članka u zavisnosti od broja naslova. W3C koja je autoritet za web standarde ovako objasnjava H tagove.
Heading element (Naslov) ukratko opisuje temu sekcije koju predstavlja. Naslovi mogu biti korišteni kod web klijenata, na primjer, za pravljenje table sadržaja za neki dokumenat automatski.
Važno je da naslovi budu poredani po redu korištenjem hijerarhije H tagova ali nije neophodno koristiti svih 6 tagova na svakoj stranici. Na primjer, jedna stranica može da ima Glavni Naslov sa H1 Tagom i onda podnaslov H2 i gotovo. To je potpuno prihvatljivo. Ukoliko pak stranica skače sa H1 na H3 onda bi to bilo tehnički neispravno. Iako internet prikazuje ispravno neispravnu hijerarhiju dokumenta, konverzija dokumenta u neki drugi vid prezentacije bi mogao biti problematičan. Najbolja praksa je korišćenje H Tagova ispravno od samog početka.
Tag H1 Se Koristi Samo Jednom na individualnoj stranici
Osnovno pravilo je da se H1 tag smije koristiti samo jednom po stranici. Namjena H1 taga je za glavni naslov tako da korišćenje više od jednog H1 taga po članku ne bi ni imalo smisla. Čim ste odredili šta vam je glavno i upotrijebili H1 tag (obično naslov članka), ostale tagove možete koristiti po želji.
Osnovana hijerarhija H Tagova se može objasniti i ovako. Recimo ako neko pita neku osobu odakle je odgovor bi mogao da izgleda ovako:
<h1>Planeta Zemlja</h1>
<h2>Sjeverna Amerika</h2>
<h3>USA</h3>
<h4>Florida</h4>
<h5>Jacksonville</h5>
<h6>Mandarin</h6>
Kao što vidite, Tagovi teku i prelaze jedan u drugi po logičnom semanticnom redu. Većina članaka na vebu neće ići u ovu dubinu i samim tim neće trebati sve tagove.
Mada nije dokazano, mnogi SEO stručnjaci vjeruju da ispravno korišćenje H Tagova poboljšava rank u tražilicama. Pošto se SEO bazira na ključnim riječima, preporuka je da se ključne riječi koriste u naslovima po semantičkom redu. Glavna tema i glavne ključne riječi koristite u naslovu sa h1 tagom. Za podnaslove koristite ostale ključne riječi po logičnom redu u H2, H3 ….tagovima.
Tagove H2, H3, H4, H5 i H6 mozete koristiti neograničeno
Iako možete da koristite neograničen broj H2-H6 tagova po stranici, to je nepraktično. Preporuka je da svaka individualna stranica web sajta (obično jedna stranica sadrži jedan članak ukoliko to nije početna stranica) ima jednu temu i da se tagovi koriste ovako:
Jedan H1 Tag – za naslov članka ili ime websajta.
Onoliko H2 Tagova koliko je potrebno za posebne sekcije (ne vise od 3 u većini slučajeva)
Uzmite u obzir mogućnost korišćenja H3 Tagova za grupe linkova ka mjestima srodnim tematici sajta ili članka, ili za naslove pod pod sekcija.
Korišćenje H Tagova u dizajnu
Kad razmišljamo o Naslovnim H Tagovima, prvo sto nam padne na pamet je (posebno za Naslovnu stranu) copija tijela sajta. Na vrhu tijela je H1 Tag koga ostali tagovi prate kroz ostatak tijela. Dobro strukturisana web Stranica će koristiti H tagove po semantickoj logici – gdje će najefikasnije opisati sadržaj koji dolazi iza njih. Iz tog razloga, strukturalni elementi trebaju da budu rađe H Tagovi umjesto generičnih DIV Tagova. Zapamtite da su H tagovi “block level” elementi isto kao i DIV tagovi, što znači da mogu da se koriste isto kao DIV.
WordPress i slicne PHP bazirane web stranice koriste H1 tag u naslovu Websajta. Posto svaki članak poziva Header, i u Headeru se nalazi ime wase website, nije vam dozvoljeno da koristite H1 za naslove članaka. Mada većina ne vidi nikakav problem u tome, neki smatraju da bi se to treba promijeniti. Ako umjesto teksta za prikazivanje imena svoje wesajt koristite logo, onda je H1 tag izgubljen za praktičnu upotrebu.
Vi možete ako želite, promijeniti raspored i odrediti da naslov koristi H2 tag a naslovi H1. Na naslovnoj strani koja prezentira veći broj naslova i članaka, to je nepoželjno i čini naslovnu stranu neispravnom. Taj problem se rijesava na razne načine što nije cilj ovog članka da objasni. Usvakom slučaju, nepotrebno je stvarno dirati H tagove sa ovom namjerom jer takvi kakvi jesu, oni čuvaju hijerarhiju jer i logo ispod sebe ima skriveni tekst koji jasno odredjuje header kao H1. Ukoliko su naslovi i podnaslovi raspoređeni ispravno od najvećeg do najmanjeg, sve je kako treba da bude.
Editiranje H Tagova
H Tagovi, kao sto smo rekli odredjuju veličinu i izgled slova u naslovima i pod naslovima i ima ih 6. Njihova veličina, boja i izgled (font) su onakvi kako ih dizajner odredi i to najčešće u CSSu. Ukoliko dizajner ne odredi izgled H tagova u CSSu ili ako tražilica ili aparat na kome se websajt prikazuje ne podržavaju vanjske CSS onda će tražilice da koriste svoje vlastite stilove za prikazivanje H tagova.
Ukoliko želite da promijenite izgled, veličinu, razmak slova, font ili šta god vezano za naslove, otiđite u CSS i nađite odgovarajući kod i igrajte se s njim dok ne dobijete ono sto želite. Prije nego napravite bilo kakve promjene kopirajte original tako da ako šta pobrkate uvijek imate original pri ruci da možete početi iz početka.
Za editiranje uvijek koristite text editor kao što je Notepad.
