Centar za edukaciju-BiH

Predmet:provjera i testiranje web stranice

---

Danas, u većini slučajeva, nije dovoljno samo napraviti web stranicu. Potrebno je uložiti puno truda u usavršavanje stranice, radu na tome da bude brža te da bude prilagođena za vise popularnih preglednika kako bi se prikazivala na što boljoj poziciji.

Brz razvoj različitih tehnologija i uređaja pomoću kojih se web stranice pregledavaju, servisi koji su povezani sa vasim stranicama, promjena na serveru kao i tehnologija pomoću kojih se stranice izrađuju, mogu dovesti do nekompatibilnosti i drugih problema zbog kojih onda web stranice ne funkcioniraju ispravno ili ne izgledaju onako kako bi trebale izgledati.

Gotovo da i nema dana da se nešto bitno nije promijenilo, da nije izašla nova verzija nečega što može poremetiti funkcioniranje web stranice. Srećom, većina tih promjena ipak ne uzrokuje probleme, ali ako neki duži period niste kontrolirali vašu web stranicu, postoje dobre šanse da sve ne funkcionira baš onako kako bi trebalo.

Kontakt obrasci i forme često otkazuju poslušnost na način da se upit ne prosljeđuje na email, upit bude izgubljen. Rijesenje za izgubljene podatke je spremanje podataka u bazu.
Ako web stranica ima registraciju i prijavu korisnika, treba provjeriti dali se salje na email potvrda o registraiji i verifikaciji.

Foto i video materijal treba provjeriti na stolnim i na mobilnim uredajima. Dugo ucitavanje slika znak je da iste treba optimizirati.

Testiranje izbornika narocito treba provjeriti na mobilnim uredajima. Na stolnim racunalima uglavnom rade, dok se na mobilnim uredajima zna dogoditi da se nemogu otvoriti podizbornici ili se nevide neki linkovi.

Danas se web stranice posjecuju pomocu raznovrsnih mobilnih i stolnih uredaja. Razlicite dimenzije ekrana i vrste operativnih sustava utjecu na funkcionalnost i upotrebljivost web stranice.

Web stranice bi trebalo testirati na: Google Chrome, Mozilla Firefox, Edge, Opera, Vivaldi, Safari i Samsung browseru (velik broj samsung mobilnih uredaja).

Danas u ukupnom broju posjete web stranicama prevladavaju mobilni uređaji. Najčešći način na koji se stranice optimiziraju za stolne i mobilne uređaje je responzivan dizajn. Ako vaše stranice nisu optimizirane za mobilne uređaje, vjerojatno trpite veliku štetu. U prvom redu, posjetiteljima vaših web stranica otežano je pregledavanje stranica i pronalazak informacija koje ih zanimaju. S druge strane, stranice koje nisu optimizirane za mobilne uređaje imaju lošije rejtinge u rezultatima pretraživanja na Google-u.

Jednostavan način da saznate je li vaša web stranica prilagođena mobilnim uređajima je pomoću Google-ovog alata na adresi: LINK

Brzina učitavanja web stranica još je jedan od faktora koji utječu na iskustvo korisnika, ali je također jedan od faktora koje Google koristi za određivanje rejtinga vaših stranica u rezultatima pretraživanja.
Što su vaše stranice brže, to ****lje za vas. Brzina učitavanja web stranica ovisi o brzini servera na kojem se stranice nalaze, te o optimiziranosti web stranice. Provjerite koliko su brze vaše web stranice na različitim uređajima. Odvija li se sve brzo ili morate čekati.

Cross-browser ispitivanjem možemo vidjeti kako web stranica izgleda i funkcionira na različitim preglednicima, mobilnim uređajima i operativnim sistemima. Programeri na ovaj način pokreću web kod kroz razvojnu konzolu i mijenjaju izgled stranice na različitim uređajima. Mogu vidjeti da li se funkcija web stranice mijenja ovisno od preglednika. To uključuje i ispitivanje kako izgleda stranica, tj. kako se prikazuju CSS stilovi.

Zadatak web dizajnera je da osigura ispravno funkcioniranje stranice bez obzira na platformu koja se koristi za otvaranje stranice, odnosno da web stranica nudi isto iskustvo za korisnike bez obzira u kojem pregledniku je otvorena. Jedan od najsloženijih aspekata koje morate uzeti u obzir prilikom izrade nove web stranice je taj što većina ljudi koristi starije verzije različitih preglednika koje ne podržavaju nove tehnologije izrade web stranica (HTML5 i CSS3).

Ukoliko web stranica ne funkcionira ispravno na određenom browseru ili njegovoj verziji, smanjuje se broj posjetilaca, a smanjen promet utiče negativno na SEO i rangiranje stranice.

Cross-browser testiranje se može obaviti na više načina. Jedan od najčešćih načina je otvoranje stranice u razlicitim browserima. Međutim, postoje alati kao što su BrowserStack, Browsera, i sauceLABS koji su puno jednostavniji od pravljenja spiska. Ovi alati mogu provjeriti web stranice ili aplikacije u odnosu na dugu listu browsera i organizirati rezultate u uredan popis. Ipak, čovjek može uočiti nedostatke koje program ne može tako da se najkvalitetnije obavljen posao postiže kombinacijom rada alata (programa) i ljudi.

Besplatni alati za testiranje web stranice
1. Pingdom.com test web stranice LINK
Prva stvar koju ćete primjetiti nakon što testirate web stranicu pomoću Pingdom.com testa su sumarni rezultati te ispod njih savjeti za poboljšanje stranice. Što više ‘scrollate’ prema dnu stranice, vidjet ćete sve više statistika i analiza, a pri dnu stranice ćete naći legendu koja objašnjava boje i ikone uvrštene u statistiku.
Ukoliko niste sami radili stranicu, možete preuzeti rezultate u .json formatu pa poslati svojem programeru ili dizajneru koji bi to trebali znati riješiti.
Pingdom je brz alat koji nudi detaljnu analizu, no nije u potpunosti prilagođen laicima koji nisu toliko upućeni u detalje izrade weba.

2. Google PageSpeed Insights test web stranice LINK
Iako vam se možda čini da je PageSpeed Insights test najbolji samo zato što je Google-ov, to nije nužno istina. Svi od navedenih testova su jednako točni, jedina razlika je što različito interpretiraju rezultate.
Google je razvio test brzine stranice koji je nešto jasniji ljudima koji nisu stručnjaci. Već na prvu su dostupne informacije o vremenu koje je potrebno određenim elementima da se pojave na stranici. Isto kao i na Pingdom.com, PageSpeed Insights će vam ponuditi nekoliko savjeta kako ubrzati web stranicu.
Kako ne biste mislili da je vaša web stranica totalni promašaj, ispod svih savjeta kako možete ubrzati stranicu ćete vidjeti dio koji se zove ‘Passed audits’. Kad kliknete na to, možete vidjeti pozitivne stvari vaše web stranice, odnosno elemente kojima je brzina zadovoljajuća i koji ne usporavaju stranicu.

3. GTmetrix.com test web stranice LINK
Na GTmetrix.hr testu ćete relativno brzo dobiti ocjenu svoje stranice te popis savjeta. Vaša stranica je ocijenjena na temelju svakog od tih savjeta.

Ono što odvaja GTmetrix.hr je relevantnost navedenih savjeta, odnosno koliko vam je koji od navedenih savjeta bitan za kvalitetu stranice. Naravno, svi su bitni, neovisno o tome što piše, no ukoliko imate nisku ocjenu vezanu za savjet s niskim prioritetom, a kako biste to poboljšali biste morali uložiti puno truda i vremena, možda najbolje taj dio preskočiti.

Još jedna stvar jedinstvena za GTmatrix.com je tip, to jest vrsta rezultata. To je stupac koji vam u principu govori tko je odgovoran za (ne)uspjeh određenog savjeta. To vam može puno značiti za lakše definiranje problema; npr. ukoliko vam je više problema vezano za Server, svakako vam preporučamo kontaktirati vaš hosting i razmišljati o promjeni istog.
Server je od velike važnosti za brzinu stranice, što ćete i sami vidjeti kad testirate svoju stranicu - svi savjeti vezani za server su ‘High priority’. Upravo je zato bitno odabrati kvalitetan hosting, po mogućnosti, sa serverima u Hrvatskoj. Što su vam serveri bliže, stranica je brža.

Besplatni alati za provjeru optimizacije za tražilice (SEO)
Osim same brzine web stranice, optimizacija za tražilice je danas bitnija nego ikada. Možete imati najljepšu, futurističku, multifunkcionalnu web stranicu, no neće imati previše koristi od nje ukoliko se ne može naći na Google tražilici.
SEO, odnosno optimizacija za tražilice se dijeli na dvije kategorije - on page i off page. On page SEO se odnosi na ključne riječi, relevantnost pojmova, linkove i još mnogo toga, dok se Off site SEO odnosi pretežito na back linkove, odnosno linkove koji s drugih web stranica vode na vašu te joj daju kredibilitet.
Alati za provjeru optimizacije nisu toliko brzi kao što su alati za provjeru kvalitete web stranica zato što SEO alati moraju proći cijelu stranicu kako bi analiza bila kvalitetna - to uključuje sve naslove, podnaslove, slike i ostalo.

1. Neil Patel SEO analyzer LINK
Neil Patel je poduzetnik i stručnjak za digitalni marketing, a njegov besplatan alat za testiranje optimizacije za tražilice koristan je i najvećim stučnjacima. Primjetit ćete da se u SEO statistici također pojavljuju metrike o brzini stranice, upravo zato što tražilice visoko vrednuju brze stranice. Jedno istraživanje je pokazalo da se čak 79% korisnika neće vratiti na web stranicu ukoliko je bila spora.
Nakon što prođete statistike o brzini stranice, slično kao i u testu brzine, pronaći ćete savjete kako poboljšati SEO stranice. Također kao i na GTmetrix testu brzine, vidjet ćete kolumnu koja vam govori koliko je dobar rezultat bitan te koliko ga je lako postići.
Kao i većina besplatnih alata, Neil Patel SEO analyzer ima i plaćenu verziju koja vam daje više savjeta i korisnije informacije. Također, ako vaša web stranica ima preko 100 stranica, odnosno linkova, Neil Patel SEO analyzer neće moći pregledati sve - barem ne u besplatnoj verziji.

2. SEO Site Checkup LINK
SEO Site Checkup alat odličan je za početnike i za sve ‘SEO laike’ zato što je većina dobivenih rezultata zaista dobro objašnjena. Ukoliko vam je nešto dobro za SEO na stranici, u rezultatima ćete moći pročitati zašto je to bitno - isto vrijedi za loše rezultate.
Ovim alatom možete jednostavno pogledati kako vaša stranica i izgleda na Google-u te kako izgleda na mobilnim uređajima.

Kvalitetnim hostingom se riješite problema u startu
Vjerojatno ste primijetili da i SEO testovi mjere brzinu stranice, čime vam može biti jasno koliko je brzina stranice bitna za uspješnost iste. Sama brzina ovisi o mnogo faktora, no jedan od bitnijih je veza sa serverom - ako server na kojem je vaša stranica nekvalitetan i često se ruši - imate problem.
Upravo je zato bitan hosting koji odaberete - pokušajte odabrati hosting koji ima servere u zemlji u kojoj se nalazite jer fizička udaljenost od servera može puno značiti. Stručnjaci će rijetko koristiti strane hosting servise samo zato što su jeftini ili globalno popularni, jer to često donosi više štete nego koristi.
Brza stranica vam je pola posla, a kvalitetan hosting je pola brze stranice, stoga dobro odaberite!

---