Ako otestujem kvalitu webstránky z technického hľadiska?

Test webstránky v rôznych prehliadačoch

Toto je rozhodne najdôležitejší test zo všetkých uvádzaných.

Okrem Internet Explorera sa musí Vaša webstránka rovnako dobre zobraziť aj v iných často používaných prehliadačoch, z ktorých druhý najpoužívanejší je Mozilla Firefox. Ďalšími sú Opera, Google Chrome, Safari.

Dosť často sa totiž stáva, že webstránka je optimalizovaná len pre jeden prehliadač, najčastejšie Internet Explorer. Skúste si nainštalovať všetky prehliadače a otestovať Vašu webprezentáciu v každom z nich. Minimálne by som odporúčal skontrolovať webprezentáciu v prehliadačoch Mozilla Firefox a Opera. V prípade, že sa webprezentácia zobrazí rovnako dobre vo všetkých týchto prehliadačoch, je veľká pravdepodobnosť, že sa správne zobrazí aj na iných nových prehliadačoch pre iné platformy.

Validita webstránky

Toto je ďalší veľmi jednoducho merateľný parameter kvalitnej webstránky.

Validita webstránky hovorí o tom, že webstránka bola vytvorená podľa doporučenia W3C. Okrem iného to znamená, že by sa mala správne zobraziť vo všetkých možných nových prehliadačoch, dodržujúcich tieto štandardy. Rovnako vyhľadávače považujú validnú webstránku za dôveryhodnejšiu a pridelia jej vyššie ohodnotenie.

V prípade, že ste si stiahli prehliadač Opera, stačí otvoriť každú stránku Vašej webprezentácie, a skontrolovať jej validitu pomocou kombinácie kláves CTRL+ALT+SHIFT+U, prípadne stačením pravého tlačidla myši vyvolať kontextové menu a vybrať možnosť 'Prověřit zdrojový kód' - v českej jazykovej mutácii (je nutné byť pripojený na internet). Inou možnosťou je použiť stránku http://validator.w3.org/.

Ak sa Vám zobrazí, že stránka je validná, všimnite si tiež, podľa akej normy (riadok Doctype). Mala by to byť norma v súčasnosti používaná (XHTML 1.0 Strict alebo Transitional), nie zastaralá (napr. HTML 4.01 Transitional).

Zároveň môžete odskúšať aj validitu CSS štýlov http://jigsaw.w3.org/css-validator/, ktoré definujú vzhľad webstránky.

Test webstránky v špeciálnych podmienkach

Postup pre všetky ďalšie testy opíšem pre prehliadač Opera.

Nie je Vaša webstránka závislá na použití JavaScript-u?

Niekedy sa stáva, že webdizajnéri vytvoria na webstránke pomocou JavaScriptu napríklad vysúvateľné menu, čo užívateľom určite spríjemni navigáciu.

Otázkou však ostáva, či sa aj užívatelia, ktorých prehliadač nepodporuje JavaScript, dokážu na Vašej stránke pohybovať. Často sa totiž stáva, že po vypnutí JavaScriptu, menu úplne zmizne!

Skúste v prehliadači Opera stlačiť klávesu F12 a odškrtnúť možnosť "Povoliť JavaScript". Následne na to urobte Reload webstránky.

V prípade, že sa teraz aj bez podpory JavaScriptu dokážete pohybovať po Vašej webstránke a zisťovať z nej všetky dôležité informácie, akurát možno s menšou pohodlnosťou, je všetko v poriadku. V spomínanom prípade vysúvateľné menu síce zmizne, ale stále tu musí byť možnosť preklikať sa na všetky stránky Vašej webprezentácie.

Toto samozrejme platí pre štandardnú prezentačnú webstránku, nie interaktívne webaplikácie založené práve na Javascripte a AJAXe /napr. internet banking, rôzne administrátorske prostredia a podobne/.

Ako bude vyzerať Vaša webprezentácia bez obrázkov?

Je dobré ak nosné informácie Vašej webstránky nie sú zobrazované pomocou obrázkov.

Skúste v Opere v pravom dolnom rohu prepnúť Všetky obrázky na Bez obrázkov alebo voľbou v menu:  Zobraziť - Obrázky - Bez obrázkov. Zistíte tým, ako sa bude zobrazovať Vaša webstránka užívateľovi, ktorý má vypnuté sťahovanie obrázkov, prípadne sa mu obrázky z internetu sťahujú veľmi pomaly. Takto napr. "vidí" Vašu webstránku fulltextový vyhľadávač, napr. Google.

Sú stránky optimalizované pre tlač?

Webstránky optimalizované pre tlač sú také, ktoré majú priradené iné kaskádové štýly pre tlač ako pre zobrazenie na obrazovke. Jednoducho povedané, webstránka sa vytlačí napr. bez zbytočného navigačného menu, reklám a podobne.

Pomocou Opery môžete pomocou výberu z menu Soubor - Tiskový náhľad zobraziť náhľad, ako bude webstránka vytlačená na papieri.

Nie sú webstránky závislé na niektorom nadštandardnom plug-ine najčastejšie technológii Flash?

Technológia Flash je v súčasnosti dosť využívaná. Jej použitie na pekný vektorový ilustračný obrázok prípadne animovaný reklamný baner je opodstatnené.

Urobiť však celú stránku vo Flashi prípadne "LEN" navigačné menu je viac ako nešťastný krok. Skúste si prečítať dôvody prečo nevytvárať webprezentáciu vo Flashi.

Na overenie ako sa bude správať Vaša webprezentácia bez podpory plug-inu Flash prípadne iného plug-inu, stlačte v Opere klávesu F12 a odškrtnite možnosť "Povoliť zásuvné moduly". Následne na to urobte Reload webstránky.

Skontrolujte si tagy "title" a tzv. "meta" tagy

Zobrazte si zdrojový kód webstránky (v Opere stlačením kombinácie CTRL+U alebo Zobraziť - Zdrojový kód).

Tag "title" by mal obsahovať titulok stránky. Tento titulok sa zobrazuje tiež v okne prehliadača. Titulok má byť pre každú stránku iný, je dôležitý aj pre vyhľadávače.

Tzv. "meta tagy" sú dôležité najmä pre vyhľadávače. Najdôležitejšie sú kľúčové slová (<meta name="keywords" ...) a popis dokumentu (<meta name="description" ...).