Webová stránka môže roky spoľahlivo slúžiť a napriek tomu dospieť do bodu, keď každé ďalšie rozšírenie vytvára nové závislosti. Presne v takej situácii bol špecializovaný poskytovateľ individuálneho online jazykového vzdelávania. Približne sedemročný web bol známy, dohľadateľný vo vyhľadávačoch a obsahoval mimoriadne rozsiahlu zbierku autentických referencií. Jeho štruktúra, technické riešenie a používateľská cesta však už nezodpovedali ponuke, ktorá sa medzičasom vyvinula.
Pôvodné zadanie preto neznelo „nový web“, ale kompletný audit webovej stránky, porovnanie s konkurenciou a jasne prioritizovaný plán opatrení.
Východiskový stav: rozvinutý, ale ťažko meniteľný systém
Pôvodný web používal WordPress, komerčný vizuálny editor a súbor rozšírení, ktorý sa postupne rozrastal. Zahŕňal komponenty pre rozloženie a formuláre, SEO, súhlas s cookies, štatistiku, rezervácie, správy, posuvné prvky, odosielanie e-mailov, vyrovnávaciu pamäť a bezpečnosť.
Žiadna z týchto súčastí nemusela byť sama osebe problémom. Spolu však vytvárali tesne previazaný systém:
- aktualizácie vyžadovali kontrolu kompatibility viacerých rozšírení;
- verejný kód prezrádzal CMS, editor a niektoré verzie doplnkov;
- vzhľad, súhlas a rezervácia záviseli od mnohých skriptov a externých služieb;
- obsah a navigácia sa čoraz viac prispôsobovali existujúcemu systému namiesto dnešných potrieb zákazníkov;
- zásadná prestavba by sa netýkala iba textov a dizajnu, ale aj šablón, doplnkov, presmerovaní, metadát a logiky súhlasov.
Web mal zároveň hodnoty, ktoré bolo potrebné zachovať: dôveryhodné osobné postavenie, dlhoročnú skúsenosť, jasnú odbornú ponuku, transparentné informácie a veľký súbor skutočných referencií.
Audit: silný základ, slabšie digitálne podanie
Preskúmali sme približne 20 verejne dostupných variantov URL, kľúčové stránky na počítači aj mobile, odpovede servera, metadáta, presmerovania, formuláre, externé závislosti a hlavnú rezervačnú cestu. Web sme zároveň podľa jednotných kritérií porovnali s desiatimi relevantnými účastníkmi trhu.
Výsledok bol zámerne vyvážený. Web sa v porovnaní nachádzal v strede poľa, ale osobná dôveryhodnosť patrila medzi jeho najsilnejšie oblasti. Problémom nebola kvalita služby. Problémom bolo, že web ju komunikoval neskoro, príliš všeobecne a s nepotrebnou technickou záťažou.
Tri piliere auditu
Cieľové skupiny, služby, dôkazy, cena a jednoznačný ďalší krok.
Prvý pohľad, mobil, prístupnosť, súhlas a spoľahlivá rezervácia.
HTTPS, jazyk, metadáta, bezpečnostné hlavičky a závislosti.
1. Obsah a pozicionovanie
Najdôležitejšie argumenty boli prítomné, ale netvorili súvislú rozhodovaciu cestu. Cieľové skupiny a situácie neboli dostatočne skoro rozlíšené. Jednoduchý prvý krok súperil s viacerými rovnako výraznými výzvami na akciu. Rozsiahly archív referencií nebol usporiadaný podľa východiskovej situácie a výsledku. Cena, dostupnosť, priebeh a pravidlá neodpovedali na námietky vo všetkých rozhodovacích bodoch.
Porovnanie ukázalo jasnú príležitosť: nekopírovať šírku veľkých portálov, ale lepšie spojiť osobnú špecializáciu, dôkazy a presnú kvalifikáciu návštevníka.
2. Dizajn a používateľská skúsenosť
Rozpoznateľná farebnosť mala zostať. Veľké generické skupinové fotografie však nezodpovedali osobnej službe pre dospelých. Hodnotová ponuka a hlavný ďalší krok boli na bežných obrazovkách príliš nízko. Dialóg súhlasu na mobile zakrýval takmer celý prvý pohľad a externý kalendár nemal dostatočne viditeľnú náhradnú cestu pri blokovanom skripte.
Dlhé centrované bloky a husté stránky referencií sťažovali rýchle čítanie. Viac než 100 chýbajúcich údajov o alternatívnom texte v kontrolovaných zobrazeniach si vyžadovalo systematickú kontrolu prístupnosti.
3. Technika, bezpečnosť a dohľadateľnosť
Podstatný obsah bol dostupný v HTML zo servera, šifrovanie fungovalo a prehľadávanie nebolo všeobecne blokované. Napriek tomu audit odhalil jeden kritický a viacero vysoko prioritných bodov:
- HTTP verzia zobrazovala obsah namiesto okamžitého presmerovania na HTTPS;
- slovenské stránky boli v HTML nesprávne označené ako nemecké;
- chýbali dôležité bezpečnostné hlavičky;
- dve verejné mapy stránok mali rozdielnu aktuálnosť;
- stránky archívu používali opakované názvy a nejednoznačnú indexačnú stratégiu;
- štruktúrované údaje nedostatočne opisovali osobu, služby a ponuky;
- editor, systém súhlasov, analytika, widgety a doplnky vytvárali množstvo aktív a externých závislostí.
Rozhodnutie: rekonštruovať alebo postaviť nanovo?
Pri postupnej rekonštrukcii by zostal vizuálny editor, väčšina závislostí a veľká časť technickej zložitosti. Mnohé úpravy by bolo potrebné riešiť dvakrát: ako požadované zlepšenie a zároveň ako kompromis so starým systémom.
Pri novom riešení mohli obsah, používateľská cesta a architektúra vzniknúť priamo z výsledkov auditu. Staré adresy a hodnotný obsah zostali záväznou súčasťou migrácie, technická záťaž však nie. Keďže sa mala zásadne zmeniť ponuka, komunikácia cieľových skupín, obrazový štýl aj hlavné funkcie, nový web bol nielen čistejším, ale pravdepodobne aj úspornejším riešením.
Nový web podľa troch pilierov
Obsah: Informačná architektúra sa riadi zámermi používateľov. Samostatné obsahovo plné stránky pokrývajú hlavné situácie. Referencie sú tematicky dostupné bez prepisovania historických výpovedí. Každá indexovateľná stránka má vlastný názov, popis, hlavný nadpis, kanonickú adresu a vhodné štruktúrované údaje.
UX: Obrazový svet vznikol nanovo. Celým webom vedie jedna konzistentná hlavná akcia. Prvý pohľad funguje na počítači aj mobile a kontaktný formulár žiada iba potrebné údaje. Ak návštevník odmietne voliteľný obsah alebo prehliadač zablokuje externý skript, priamy rezervačný odkaz a kontaktné možnosti zostanú viditeľné.
Technika: Nový web je štíhla serverovo vykresľovaná PHP aplikácia. Databáza sa používa iba tam, kde sú potrebné štruktúrované údaje a chránená správa. Nie je tu CMS, vizuálny editor ani produkčný JavaScriptový framework. Písma, obrázky, CSS a podstatné skripty sa poskytujú lokálne.
Bezpečnostné opatrenia sa zavádzali po etapách: chránené formuláre, CSRF ochrana, obmedzovanie požiadaviek, konfigurácia mimo verejného priestoru, reštriktívne hlavičky prehliadača a postupné sprísňovanie politík až po úspešnej kontrole.
Dve vlastné funkcie namiesto ďalšieho reťazca doplnkov
Odborne zostavený jazykový test
Vznikol vlastný orientačný test od B1 po C2 so 40 nezávisle formulovanými otázkami. Overuje gramatiku, slovnú zásobu, kolokácie, porozumenie textu, register a pragmatiku. Výsledok zohľadňuje celkové skóre aj konzistentné zvládnutie nižších úrovní.
Poradie odpovedí sa pri každom pokuse premieša a počas pokusu zostane stabilné. Test nevytvára osobné študijné profily a jasne vysvetľuje svoje hranice: nejde o certifikát ani o úplné overenie hovorenia, písania, výslovnosti, počúvania a spontánnej interakcie. Do dokončenia odborného testovania zostala stránka zámerne mimo indexu vyhľadávačov.
Vlastná rezervácia založená na kalendári zákazníka
Externý kalendár, ktorý spravuje zákazník, zostal prevádzkovým zdrojom. Web však dostal vlastnú, plne integrovanú rezervačnú logiku. Verejne sa zobrazujú iba termíny, ktoré zákazník v určenom kalendári výslovne označí ako voľné. Medzery v kalendári sa nikdy nepovažujú za dostupnosť. Krátkodobá interná rezervácia chráni vybraný termín počas zadávania údajov alebo platby pred dvojitou rezerváciou.
Riešenie podporuje rôzne trvania, jednu aj viac rezervácií, voliteľnú online platbu, potvrdenia, kalendárové súbory, pripomienky a chránené zrušenie. Každý externý krok má jednoznačný identifikátor spracovania a po zápise sa skutočný stav kalendára znova overí. Nejasné chyby sa neopakujú naslepo. Ak by úspešnú platbu nebolo možné premeniť na bezpečnú rezerváciu, systém počíta s automatickým vrátením peňazí.
Osobné údaje sa nezapisujú do verejných názvov udalostí ani do technických logov. Platobná služba a kalendár zákazníka tak zostávajú jedinými podstatnými externými systémami — s presne obmedzenými rozhraniami.
Kontrolovaný prechod namiesto veľkého skoku
CMS a rozšírenia
Obsah, UX a technika
Migrácia a kontrola
Jasný, bezpečný a nezávislý
Nový web vznikal najprv v chránenej vývojovej doméne s dôsledným noindex. Pôvodné adresy, presmerovania a obsah boli zaznamenané v migračnej matici. Pred zmenou vznikli úplné zálohy súborov a databázy, inventáre, SHA-256 kontrolné súčty a zdokumentovaná cesta späť.
Akceptácia zahŕňala rôzne typy stránok na počítači aj mobile, navigáciu, ovládanie klávesnicou, formuláre, zmenu súhlasu, náhradnú rezervačnú cestu, štruktúrované údaje, sitemap, chybové stránky aj statické aktíva. Až po úspešnej technickej a vizuálnej kontrole nový systém nahradil pôvodný WordPress.
Audit tu nevytvoril iba zoznam nedostatkov. Zabránil investícii do štruktúry, ktorá by ďalší rozvoj sťažovala. Nový web preto nebol cieľom sám osebe, ale preukázateľne rozumnejším riešením.
Hlavné ponaučenie: Starší web netreba prestavať iba preto, že je starý. Ak sa však súčasne zásadne mení obsah, používateľská cesta aj technické závislosti, dobre naplánovaný nový systém môže byť bezpečnejší, jednoduchší a lacnejší než ďalšie roky opráv.