Semantičen HTML

Semantični HTML v vsakem spletnem oblikovalci povzroči, da bo ročno pisanje HTML kode vzljubli ali pa zasovražil. Ravno raba semantičnega HTML-ja pa je en izmed boljših načinov za promocijo spletnih standardov kot tudi za doseganje dobrih rezultatov v SEO.

Kolikor je le možno, morajo oznake, ki obdajajo vsebino dokumenta opisovati kaj je ta vsebina in čemu je namenjena
- Jason Kottke

semántika -e ž (á) lingv. nauk o pomenu besed, pomenoslovje: sintaksa in semantika // knjiž. pomen, pomenskost: semantika pesmi, stavka

Ko oblikujemo spletno stran se je lahko osredotočiti na to, kaj bodo obiskovalci videli in kako bodo videli. Moramo pa se zavedati, da bodo naše spletno stran obiskovali drugačni obiskovalci. In ti spletne strani ne presojajo po lepih barvah, tipografij in slikah. To kar bodo iskali je vsebina in struktura strani.

To so spletni pajki in ti si verjetno ogledajo največ strani na vašem spletišču. Informacije, ki jih najdejo na spletni strani odnesejo v bazo iskalnikov, ti pa potem te informacije posredujejo uporabniku, ko ta išče določen iskalni niz.
Da bi bila vaša stran uspešna, morate te pajke zadovoljiti oz. jim omogočiti dostop do vsebin.

Naredite jasno in logično strukturo HTML dokumenta

Izognite se skušnjavi, da bi svojo stran naredili izven standardov in uveljavljenih pravil spleta. Iskalnikom jasno povejte, kje je navigacija, kje so naslovi in kje je vsebina. Kot pravilo upoštevajte dejstvo, da je navigacija na vrhu strani. Vedno uporabljajte headinge h1…h6 za naslove in podnaslove, namesto da navaden tekst poudarjate z krepko pisavo oziroma ga oblikujete s CSS.

Nekorektno:

<class="naslov">Naslov odstavka</p>
<
p>Lorem ipsum dolor sit amet</p

Korektno:

<h3>Naslov odstavka</h3>
<
p>Lorem ipsum dolor sit amet</p

Izogibajte se prekomerni in nepotrebni rabi div ali span tagov. Čeprav je raba div  tagov neprimerno boljša od tabel, pa je ta element najbolj nesemantičen od vseh ostalih, saj namreč ne podaja nobene relevantne informacije o vsebini, ki se nahaja v njem. Ta problem odpravlja HTML 5, kar pa je že druga zgodba, o kateri bom pisal kdaj drugič. Namesto tega uporabljajte HTML elemente, ki se nanašajo na kontekst vsebine. Na primer, če navajate ali citirate neko besedilo uporabite tag blockquote; če objavljate del kode uporabite code, za manjše črke uporabljajte small, za sezname ul, ol dl itd…

JavaScript, Flash itd

Omembe vredno je, da med tem, ko pajki berejo HTML (v glavnem) ne berejo JavaScripta. To pomeni, da vstavljanje teksta v stran z JavaScript in ravno najboljša ideja. Prav tako je sporna uporaba Flasha kot sredstvo za prikaz vsebine.   

Uporaba Meta oznak

Meta oznake so out. Iskalniki jim posvečajo vedno manj pozornosti ko gre za rangiranje spletne strani. Še vedno pa so pomembne kajti uporabniku med zadetki v iskalniku poleg URLja pokažejo naslov in opis zadetka. To pa je lahko pravtako pomembno kot sam zadetek. V title napišite naslov članka v description pa njegov zalo strnjen povzetek. Možnosti, da bo uporabnik kliknil ravno na vašo stran so toliko večje. Iskalniki so konec koncev le stroji in algoritmi. Na končni rezultat pa vedno vpliva človeški faktor: klikniti ali ne? Pogled na kodo moje strani vam pokaže, da sam uporabljam le title, keywords in description oznake.

Splash page

Splash page je ime za prvo stran, ki običajno vsebuje logotip ali flash animacijo in linkom ‘vstopi’, ki nas nato popelje v notranjost strani. Takšna stran je povsem neučinkovita. Tako uporabnikom kot pajkom ne nudi nobene informacije o vsebini spletnega mesta ter ne vsebuje nobenih povezav, ki bi vodile v globino strani. Uvodne animacije in tako imenovani staticni “splash screeni” so zgresena posledica tranzicije iz linearne televizije v spletni medij, ki pa je interaktiven. Vsekakor naj vas vodi pravilo ‘več informacij in manj animacij’.

Vključevanje alt tagov

Vedno kadar na stran vključujete grafiko uporabite alternativen tekst, ki opisuje vključeno grafiko, še posebaj če ta grafika vsebuje tekst. Vedeti je potrebno da je kar se tiče iskalnik pajkov grafika enaka črnim škatlam, ki ne pomenijo nič.

In končno, vsebina

Ključ do visokega rangiranja v iskalnikih je danes povezava iz zunanjih strani na vašo stran in to je stvar, na katero imamo najmanj vpliva. Kako lahko vplivamo na to, koliko zunanjih povezav bo kazalo na našo stran? Z uporabno, unikatno in kvalitetno vsebino! Ustvarite takšno vsebino, da jo bodo drugi navajali na svojih straneh in ustvarjali povezave na vašo stran. Vsebina je kralj, bolj kot kdajkoli prej. In najboljši način za izvajanje optimizacije je vsebina, ki izstopa od povprečja in je unikatna.

  • Zapisano dne 04-22-2009 v kategorijo HTML Uporabnost spletnih strani
  • del.icio.us Favicon
  • Digg Favicon
  • Facebook Favicon
  • Technorati Favicon
  • TwitThis Favicon