Veľký checklist pred spustením webu: 12 vecí, ktoré treba skontrolovať

Pred spustením webu sa oplatí prejsť viac než len dizajn. Skontrolujte texty, odkazy, formuláre, mobil, rýchlosť, HTTPS, analytiku aj zabudnutý Lorem Ipsum.

Spustenie webu často vyzerá jednoducho až do posledného dňa. Dizajn je hotový, obsah je vraj doplnený, vývojár rieši posledné úpravy a všetci čakajú, kedy sa stránka konečne zverejní.

Práve vtedy sa najľahšie prehliadnu veci, ktoré návštevník uvidí hneď: nefunkčný formulár, staré telefónne číslo, odkaz na testovaciu stránku, obrázok veľký niekoľko megabajtov alebo zabudnutý Lorem Ipsum.

Toto je praktický checklist pred spustením webu. Nie je to audit pre veľký e-shop ani technická špecifikácia pre vývojára. Je to zoznam kontrol, ktoré by mal prejsť každý menší firemný web, projektová stránka, blog alebo predajná stránka predtým, ako ju ukážete ľuďom.

1. Skontrolujte kľúčové stránky

Najprv prejdite stránky, ktoré budú návštevníci otvárať najčastejšie:

• úvodná stránka,
• služby alebo produkty,
• cenník,
• kontakt,
• blog alebo články,
• stránka o vás,
• obchodné podmienky,
• ochrana osobných údajov,
• chybová stránka 404.

Na každej stránke si položte jednoduchú otázku: pochopí návštevník po pár sekundách, kde je, čo ponúkate a čo má urobiť ďalej?

Ak nie, stránka môže byť technicky v poriadku, ale stále nebude fungovať dobre. Ľudia nemajú čas hádať, čo ste chceli povedať.

2. Odstráňte Lorem Ipsum a pracovný obsah

Zástupný text patrí do návrhu, nie na verejný web.

Pred spustením vyhľadajte hlavne tieto výrazy:

lorem
ipsum
dolor
sit amet
placeholder
dummy
sample
test
TODO
coming soon

Nekontrolujte len odseky. Pracovný text často zostane aj na miestach, ktoré človek pri rýchlej kontrole preskočí:

• nadpisy,
• tlačidlá,
• popisy kariet,
• pätička,
• vyskakovacie okná,
• chybové hlášky,
• e-mailové šablóny,
• prázdne stavy,
• titulky a meta popisy.

Ak niektorá stránka ešte nemá hotový text, radšej ju zatiaľ nezaraďujte do menu ani do sitemap-y. Dočasne zverejnená stránka s pracovným obsahom pôsobí horšie než stránka, ktorá ešte nie je dostupná.

Lorem Ipsum generátor je užitočný pri návrhu a testovaní rozloženia. Na hotovom webe však Lorem Ipsum nemá čo robiť.

3. Doplňte titulky a meta popisy

Každá dôležitá stránka by mala mať vlastný titulok a krátky popis. Nie kvôli formálnemu SEO checklistu, ale preto, že titulok sa zobrazuje v prehliadači, vo výsledkoch vyhľadávania aj pri zdieľaní.

Prejdite si:

• jedinečný <title> na každej dôležitej stránke,
• titulok nie je len názov firmy,
• meta popis nie je prázdny,
• popis zodpovedá obsahu stránky,
• v titulku ani popise nezostal pracovný text,
• názov značky je použitý konzistentne.

Slabý titulok:

Home

Lepší titulok:

Účtovníctvo pre živnostníkov a malé firmy | Názov firmy

Meta popis nemusí vyhľadávač vždy zobraziť presne tak, ako ho napíšete. Aj tak sa oplatí ho vyplniť. Núti vás stručne pomenovať, čo sa na stránke nachádza a pre koho je užitočná.

4. Otestujte formuláre od začiatku do konca

Formulár nestačí vidieť na stránke. Treba ho reálne vyplniť a odoslať.

Otestujte:

• odoslanie kontaktného formulára,
• povinné polia,
• nesprávny e-mail,
• krátku správu,
• dlhú správu,
• hlášku po úspešnom odoslaní,
• hlášku pri chybe,
• doručenie e-mailu správcovi webu,
• automatickú odpoveď návštevníkovi, ak ju posielate.

Skontrolujte aj jazyk. Hláška The field is required môže byť technicky správna, ale na slovenskom webe vyzerá ako nedokončená časť systému.

Ak formulár posiela dôležité obchodné dopyty, otestujte ho z iného e-mailu než z firemnej adresy. Ľahšie tak odhalíte problémy so spamom alebo doručovaním.

5. Kliknite na dôležité odkazy

Prejdite navigáciu, pätičku, tlačidlá, odkazy v článkoch a odkazy v kontaktoch.

Hľadajte najmä:

• odkazy na testovaciu doménu,
• odkazy na localhost,
• neexistujúce stránky,
• tlačidlá bez akcie,
• staré PDF súbory,
• neaktuálne odkazy na sociálne siete,
• telefónne čísla bez možnosti zavolať z mobilu,
• e-mailové odkazy s nesprávnou adresou.

Pri prerábke starého webu skontrolujte aj presmerovania. Ak mala pôvodná stránka návštevnosť alebo na ňu viedli odkazy, nemala by po zverejnení nového webu skončiť na chybovej stránke.

6. Pozrite si web na mobile

Mobil nie je len zmenšený desktop. Veľa problémov uvidíte až pri kontrole na skutočnom telefóne.

Skontrolujte:

• hlavné menu,
• úvodnú sekciu,
• tlačidlá,
• formuláre,
• tabuľky,
• obrázky,
• pätičku,
• cookie lištu alebo súhlas s analytikou.

Sledujte hlavne prekrývanie textov, veľkosť tlačidiel a dlhé nadpisy. Tlačidlá sa majú dať pohodlne stlačiť a nadpis má byť čitateľný aj vtedy, keď sa rozdelí na viac riadkov. Ak je prvá obrazovka na mobile plná prázdneho priestoru alebo obrovského nadpisu, návštevník sa nemusí dostať k tomu podstatnému.

Oplatí sa prejsť aspoň jeden menší telefón a jeden väčší displej. Nestačí len zmenšiť okno prehliadača na počítači.

7. Skontrolujte rýchlosť a obrázky

Pomalý web ľudia zatvárajú. Nemusíte pred spustením vyriešiť každý technický detail, ale základné problémy sa dajú odhaliť rýchlo.

Pozrite sa hlavne na:

• zbytočne veľké obrázky,
• pomalé načítanie hlavného obrázka,
• veľké skripty, ktoré stránka nepotrebuje,
• posúvanie obsahu počas načítania,
• príliš veľa fontov,
• pomalé načítanie na mobile.

Ak má jeden obrázok 5 MB, je to problém. Ak sa stránka pri načítaní viditeľne posúva, je to problém. Ak používateľ na mobile čaká niekoľko sekúnd, kým sa zobrazí hlavný obsah, je to tiež problém.

Pri menšom webe často stačí jednoduchá disciplína: používať rozumné rozmery obrázkov, nezahltiť stránku zbytočnými skriptmi a nechať načítať najdôležitejší obsah čo najskôr.

8. Prejdite základnú prístupnosť

Nemusíte robiť veľký audit. Základná kontrola však patrí ku každému webu, ktorý má používať verejnosť.

Prejdite:

• stránka má jeden jasný hlavný nadpis,
• nadpisy nasledujú v logickom poradí,
• text má dobrý kontrast oproti pozadiu,
• tlačidlá majú konkrétny text, napríklad Odoslať správu namiesto nejasného Odoslať,
• formulárové polia majú zrozumiteľný názov alebo popis,
• stránka sa dá prejsť klávesnicou, bez použitia myši,
• obrázky majú vhodný alternatívny text.

Pri obrázkoch platí jednoduché pravidlo: ak obrázok nesie informáciu, alternatívny text ju má stručne opísať. Ak je obrázok iba dekoratívny, alternatívny text môže zostať prázdny.

9. Skontrolujte indexovanie a sitemap

Pred zverejnením si ujasnite, ktoré stránky majú byť vo vyhľadávačoch a ktoré nie.

Verejné stránky by mali byť dostupné pre vyhľadávače. Pracovné, testovacie a duplicitné stránky by sa tam dostať nemali.

Skontrolujte:

• robots.txt neblokuje dôležité verejné časti webu,
• sitemap.xml obsahuje len stránky, ktoré chcete mať vo vyhľadávaní,
• canonical URL ukazuje na správnu finálnu adresu,
• interné odkazy vedú na finálne URL, nie na testovaciu doménu,
• jazykové verzie odkazujú na správne lokalizované stránky,
• staré dôležité URL majú pripravené presmerovanie.

Po spustení web pridajte alebo skontrolujte v Google Search Console. Ak cielite aj na Bing, nastavte aj Bing Webmaster Tools. Obe služby ukážu, ako vyhľadávače vidia vaše stránky, sitemap a prípadné problémy s indexovaním.

10. Overte HTTPS a technické základy

HTTPS dnes patrí k základom. Návštevník nemá vidieť varovanie, že stránka nie je bezpečná.

Skontrolujte:

• web sa načíta cez https://,
• adresa bez www a s www sa správa podľa plánu,
• stará http:// verzia presmeruje na HTTPS,
• certifikát je platný,
• stránka nenačítava obrázky alebo skripty cez nezabezpečené HTTP,
• formuláre sa odosielajú cez bezpečné spojenie.

Pri väčšom webe si nechajte preveriť aj presmerovania, cache a technické nastavenia servera.

11. Nastavte analytiku a meranie

Pred zverejnením si overte, že meranie naozaj funguje. Nestačí vložiť analytický skript a dúfať, že je všetko v poriadku.

Skontrolujte:

• analytický nástroj sa načítava,
• cookie súhlas sa správa podľa nastavenia webu,
• odoslanie formulára sa dá zmerať,
• kliknutie na telefón alebo e-mail sa dá zmerať, ak je to pre vás dôležité,
• základné konverzie sú nastavené,
• Google Search Console je pripravená,
• Bing Webmaster Tools je pripravený, ak chcete sledovať aj Bing.

Prvé dni po spustení sú dôležité. Ak meranie nefunguje, prídete o údaje práve z obdobia, keď najviac ľudí kontroluje nový web.

12. Skontrolujte právne a kontaktné údaje

Kontaktné a právne údaje si ľudia všímajú hlavne vtedy, keď sú zlé.

Prejdite:

• názov firmy,
• IČO, DIČ, IČ DPH,
• fakturačnú adresu,
• e-mail,
• telefón,
• odkazy na sociálne siete,
• obchodné podmienky,
• ochranu osobných údajov,
• cookie informácie.

Telefón skúste otvoriť z mobilu. E-mail skúste rozkliknúť. Ak máte kontaktný formulár aj e-mail v pätičke, pošlite test cez oba spôsoby.

Finálna kontrola očami návštevníka

Na konci si web nepozerajte ako autor. Otvorte ho ako človek, ktorý o projekte nič nevie.

Skúste:

1. Nájsť hlavnú službu alebo produkt.
2. Zistiť cenu alebo spôsob objednávky.
3. Kontaktovať firmu.
4. Prečítať jeden článok alebo podstránku.
5. Otvoriť web na mobile.
6. Dostať sa späť z chybovej stránky 404.
7. Odoslať testovací formulár.

Ak sa pri niektorom kroku zastavíte a musíte rozmýšľať, kde kliknúť, je to signál na úpravu. Na webe má byť ďalší krok jasný bez vysvetľovania.

Krátky checklist pred spustením webu

Ak nemáte čas na detailnú kontrolu, prejdite aspoň tento zoznam:

• Kľúčové stránky majú reálny obsah.
• Na webe nie je Lorem Ipsum ani TODO.
• Titulky a meta popisy sú vyplnené.
• Formuláre sa dajú odoslať.
• Dôležité odkazy fungujú.
• Mobilné zobrazenie je použiteľné.
• Obrázky nie sú zbytočne veľké.
• Obrázky majú správny alternatívny text.
• HTTPS funguje bez varovaní.
• Sitemap obsahuje správne stránky.
• Google Search Console je pripravená.
• Bing Webmaster Tools sú pripravené, ak ich chcete používať.
• Analytika a konverzie fungujú.
• Kontaktné a právne údaje sú správne.

Zhrnutie

Spustenie webu nie je len posledné kliknutie v administrácii. Je to chvíľa, keď sa z pracovnej verzie stane verejná stránka, ktorú budú hodnotiť skutoční ľudia.

Najčastejšie chyby nebývajú zložité. Sú to zabudnuté pracovné texty, nefunkčné odkazy, neotestované formuláre, pomalé obrázky alebo drobné údaje, ktoré si tím po týždňoch práce prestal všímať.

Preto sa oplatí prejsť web ešte raz, pomaly a bez predpokladu, že všetko už niekto skontroloval.