Jak otestovat web před spuštěním

Chyby na webu se nehledají po spuštění, protože po spuštění je hlásí zákazníci a část z nich místo hlášení jen odejde. Hodina testování před ostrým provozem ušetří týden dohadování, proč nechodí poptávky.

Testujte na cizích zařízeních, ne na svém notebooku

Váš prohlížeč má načtenou paměť, přihlášení a rozšíření, která blokují část skriptů. Web vám proto poběží rychleji a bude vypadat lépe než návštěvníkovi, který přijde poprvé z mobilu v metru. Testujte v anonymním okně, na cizím telefonu a ideálně na mobilních datech, ne na kancelářské wi-fi s optikou.

Druhý rozdíl je znalost. Vy víte, kde je tlačítko a co má stránka říct. Dejte odkaz třem lidem, kteří firmu neznají, a zeptejte se jich na jedinou věc: co tahle firma dělá a co má člověk udělat dál. Když váhají déle než pět vteřin, problém je v obsahu a v hierarchii, ne v technice.

Zařízení a rozlišení, která pokryjí většinu návštěv

Nemá smysl kupovat testovací farmu. V českém provozu tvoří mobil zhruba dvě třetiny návštěv a drtivá většina jde přes Chrome a Safari. Stačí tedy jeden Android, jeden iPhone, jeden notebook a kontrola tabletu na šířku, kde se nejčastěji rozpadá menu a mřížka s produkty nebo referencemi.

Zvlášť si projděte web se zapnutým zvětšením písma na 150 procent a v tmavém režimu systému. Obojí je běžné u lidí nad padesát a právě u nich se často láme, jestli poptávku odešlou, nebo zavřou. Tlačítko, které se po zvětšení textu rozpadne nebo zmizí za lištou, je stejně vážná chyba jako rozbitý formulář.

Formuláře: nejtišší způsob, jak přijít o poptávky

Formulář, který nepošle mail, vypadá zvenku úplně stejně jako formulář funkční. Zákazník klikne, uvidí poděkování a čeká. Vy nevidíte nic a myslíte si, že je slabá poptávka. Proto se formulář testuje z každého zařízení a z každé stránky, kde je nasazený, ne jednou z administrace na desktopu při stavbě.

• Odeslat testovací poptávku ze všech formulářů na webu, každý zvlášť
• Ověřit, že mail dorazil do schránky a ne do spamu
• Zkontrolovat, že v mailu je vidět telefon i text zprávy, ne jen jméno
• Zkusit odeslat prázdný formulář a formulář se špatně napsaným mailem
• Ověřit, že se po odeslání zobrazí poděkování a odešle konverzní událost
• Vyzkoušet na mobilu, jestli klávesnice nepřekrývá tlačítko odeslat
• Nastavit záložního příjemce, ať poptávka nechodí jen do jedné schránky

Rychlost: čtyři čísla, která rozhodují

Sledujte dobu, než se vykreslí největší prvek stránky. Pod 2,5 vteřiny na mobilu je hranice, kterou chcete držet. Dál posun obsahu při načítání, tam chcete hodnotu pod 0,1, protože poskakující obsah lidi vytáčí a vede k proklikům na špatná tlačítka. Odezvu na kliknutí držte pod 200 milisekund.

Poslední číslo je velikost stránky. Když úvodní stránka váží víc než dva megabajty, skoro vždy za to může jeden obrázek nebo video na pozadí. Fotky ukládejte ve formátu WebP, hlavní obrázek pod 200 kilobajtů, a měřte v PageSpeed Insights na mobilu, ne na desktopu, kde vyjde hezky skoro všechno.

Rozdíl mezi rychlým a pomalým webem se v poptávkách projeví dřív než v Googlu. Když se úvodní stránka načítá pět vteřin, na mobilních datech odejde nezanedbatelná část lidí ještě předtím, než uvidí, co nabízíte. Peníze za reklamu pak platíte za návštěvy, které se k obsahu nikdy nedostaly.

Obsah, odkazy a technické drobnosti

Poslední kolo je nudné a najde nejvíc chyb. Projděte každý odkaz, každý titulek stránky a každý obrázek bez popisku. Nejčastěji tu vypadne testovací text, cizí telefonní číslo ze vzorové verze nebo odkaz na sociální síť, který vede na profil, jaký jste nikdy nezaložili. Zabere to hodinu a ušetří trapné momenty.

• Titulek a popisek každé stránky, unikátní a bez slova Domů
• Žádný odkaz nekončí chybou 404, kontrolujte i patičku
• Zákaz indexace z testovací verze musí být odstraněný
• Ikona v záložce, náhledový obrázek pro sdílení, správný název firmy
• Telefon, mail a adresa všude stejné, ideálně i s odkazem na mapu
• Lišta se souhlasem skutečně blokuje skripty, ne jen zobrazuje text
• Certifikát platí a web nepřepíná mezi verzí s www a bez ní

Poslední hodina před spuštěním

Hodinu před přepnutím udělejte zálohu, ověřte, že máte přístup ke správě domény, a domluvte se, kdo bude první dvě hodiny u telefonu. Spouštějte v úterý nebo ve středu dopoledne. Páteční večer je nejhorší možný termín, protože chybu najdete v sobotu ráno a do pondělí ji nemá kdo opravit.

Po přepnutí zkontrolujte, že měření skutečně sbírá data. Otevřete web z mobilu, projděte objednávku nebo poptávku a podívejte se do reportu v reálném čase. Když tam nic není, je chyba v nasazení kódu, ne v tom, že ještě nikdo nepřišel. Za týden už to nedohledáte a data budou nenávratně pryč.

Testování jako samostatnou položku neúčtuji, je součástí každé stavby, kterou dodávám do sedmi dní od 19 990 Kč. Kontrola cizího webu před spuštěním je jiná práce a cena se odvíjí od počtu stránek a od toho, jestli mám přístup do administrace. Vždycky ji dostanete písemně dopředu.

• Záloha webu i databáze uložená mimo hosting
• Ověřený přístup ke správě domény a k hostingu
• Kontrola měření v reálném čase z cizího zařízení
• Zkušební poptávka odeslaná po přepnutí domény
• Sitemapa podaná do Search Console, ne jen nahraná na server

Časté otázky

Jak dlouho by testování mělo trvat?

U prezentace do deseti stránek počítejte se třemi až čtyřmi hodinami rozdělenými do dvou dnů. Zásadní je odstup, protože chyby, které ráno nevidíte, odpoledne vyskočí samy. U e-shopu je to spíš celý den, protože se testují všechny kombinace dopravy a platby, ne jen jedna vzorová objednávka.

Stačí mi PageSpeed Insights, nebo potřebuji placený nástroj?

Na start stačí PageSpeed Insights a Search Console, obojí zdarma. Placené nástroje dávají smysl u webů s tisíci stránkami, kde se chyby hledají hromadně. Důležitější než nástroj je testovat na skutečném mobilu na datech, protože simulace v prohlížeči bývá optimističtější než realita v terénu nebo v paneláku.

Co dělat, když najdu chybu až po spuštění?

Opravujte podle dopadu, ne podle toho, co vás štve nejvíc. Nefunkční formulář nebo platba se řeší okamžitě, rozjetý odstavec na tabletu počká do další úpravy. Vždy si poznamenejte, čím chyba vznikla, protože stejná příčina se skoro jistě opakuje i na dalších stránkách webu.