Testovanie po spustení

Modul 5: Zverejnenie a vlastná doména · Čas čítania: 9 minút

Cieľ lekcie: Po tejto lekcii budete vedieť stránku po zverejnení systematicky otestovať: odkazy, obrázky, formulár, mobil, https a bezpečnostnú kontrolu. Zároveň budete vedieť, ako v prehliadači rozpoznať starú verziu a ako sa jej zbaviť.

Kľúčové pojmy: testovacie kolo, súkromné okno, vyrovnávacia pamäť prehliadača, tvrdé obnovenie, nefunkčný odkaz, bezpečnostná kontrola, Skontrolovať teraz, chybová stránka, testovacia správa

Prečo testovať na skutočnej stránke

Náhľad v nástroji nie je presne vaša stránka. Niektoré veci fungujú len na zverejnenej verzii:

• váš kontaktný formulár odosiela e-maily len na skutočnej stránke, a to iba vtedy, ak stránka patrí k balíku;
• vlastný kód z Nastavenia > Prepojenia sa v náhľade nespúšťa, na skutočnej stránke áno;
• či lišta cookies a služby, ktoré sa načítajú až po udelení súhlasu, naozaj fungujú, uvidíte až na svojej stránke;
• https, presmerovanie z http na https a z www na hlavnú adresu (lekcia 5.2) existujú len na vašej skutočnej doméne.

Preto po každom spustení a po každej väčšej zmene urobte testovacie kolo na skutočnej adrese. Zaberie to štvrťhodinu a predídete tomu, že chybu ako prvý objaví zákazník, ktorý vám zavolá.

Najprv: vidíte naozaj najnovšiu verziu?

Prehliadač si na istý čas ukladá stránky, fotografie a vzhľad, do takzvanej vyrovnávacej pamäte prehliadača (cache). Vďaka tomu je stránka rýchla, no po kliknutí na Zverejniť zmeny preto niekedy ešte vidíte starú verziu. Testujte preto takto:

• otvorte stránku v súkromnom okne (inkognito); to začína bez uložených stránok;
• alebo urobte tvrdé obnovenie: Ctrl+F5 vo Windows, Cmd+Shift+R na Macu;
• testujte aj na telefóne, ideálne cez mobilné dáta namiesto wifi.

Ak v súkromnom okne vidíte novú verziu a v bežnom okne starú, so stránkou je všetko v poriadku. Ak aj súkromné okno ukazuje starú verziu, skontrolujte v nástroji, či ste zmeny naozaj zverejnili: ak je vpravo hore stále tlačidlo Zverejniť zmeny a práve ste niečo upravili, vaša posledná verzia ešte nie je online.

Testovacie kolo, krok za krokom

Schildersbedrijf Example testuje takto, v súkromnom okne:

1. Všetky stránky cez menu. Kliknite na každú položku menu, aj na položky v podmenu. Zobrazí sa každá stránka so správnym nadpisom hore?
2. Všetky tlačidlá a odkazy. Kliknite na každé tlačidlo: „Požiadať o cenovú ponuku“, „Zavolajte nám“, odkazy v päte. Vedie každé tlačidlo na správnu stránku alebo sekciu? Odkazy na vaše telefónne číslo a e-mailovú adresu otvoria telefón alebo e-mailový program.
3. Odkazy na iné stránky. Vaša stránka na Facebooku, značka kvality, popis cesty: fungujú a otvárajú správnu stránku?
4. Obrázky. Načíta sa každá fotografia, aj nižšie na dlhých stránkach? Ak niektorá chýba, uvidíte prázdnu plochu.
5. Formulár, naozaj. Vyplňte kontaktný formulár s inou vlastnou adresou. Príde správa na adresu uvedenú v Správy posielať na a zobrazí sa ďakovný text alebo ďakovná stránka? Podrobnosti nájdete v lekcii 5.3.
6. Mobil. Otvorte stránku na telefóne. Otvára sa menu, sú tlačidlá dosť veľké na ťuknutie, nevychádza žiadny text mimo obrazovky? V nástroji si to môžete vopred pozrieť cez Mobil v hornej lište, no skutočným testom je váš vlastný telefón.
7. https a adresa. Zadajte http://example.com a www.example.com. Skončíte v oboch prípadoch na tej istej adrese s https a zámkom?
8. Stránka, ktorá neexistuje. Zadajte adresu ako https://example.com/bestaat-niet. Tak uvidíte, čo dostane návštevník, ktorý klikne na starý alebo nesprávny odkaz. Ak je na vašej stránke ešte odkaz na takúto adresu, opravte ho.
9. Lišta cookies a widgety. Ak používate služby iných poskytovateľov (mapu, video alebo štatistiky), zobrazí sa lišta a načíta sa mapa až po udelení súhlasu (lekcia 7.2)?
10. Druhý jazyk. Ak máte druhý jazyk, funguje prepínač jazykov a sú nové texty aj v tomto jazyku?

Zapíšte si, čo nájdete. Opravte to v nástroji, zverejnite cez Zverejniť zmeny a potom znova otestujte len tento bod.

Bezpečnostná kontrola v nástroji

Nástroj má vlastnú kontrolu, v paneli Zabezpečenie v ľavom paneli nástrojov. Kliknite na Skontrolovať teraz. Približne za pol minúty nástroj prejde všetko, čo prichádza zvonka: odkazy na vašej stránke, widgety a prepojenia, váš vlastný kód a lištu cookies. Odkazy naozaj navštívi.

Dostanete zoznam Na kontrolu, napríklad:

• „Odkaz už nefunguje (404): ...“ je nefunkčný odkaz, často na stránku iného webu, ktorá sa presunula;
• „Nezabezpečený odkaz bez https: ...“ je odkaz, ktorý začína na http://; nahraďte ho verziou s https;
• „Odkaz nebolo možné automaticky skontrolovať (stránka to blokuje): ...“ nie je chyba: niektoré stránky automatické kontroly odmietajú; na taký odkaz kliknite sami;
• „Správy z vášho formulára idú na ..., nie na e-mailovú adresu vášho účtu. Je to tak správne?“ je otázka, nie chyba.

Pri položke je často tlačidlo, napríklad Opýtať sa AI alebo Upraviť widget. Kontrola je bezplatná a môžete ju spustiť najviac 3 razy za hodinu. Nenahrádza vaše vlastné testovacie kolo: nekontroluje, či fotografie vyzerajú dobre ani či formulár naozaj doručuje správy.

Na čo si dať pozor

• Testovanie v náhľade namiesto na skutočnej stránke. Formulár a vlastný kód tam naozaj fungovať neuvidíte.
• Testovanie len na vlastnom počítači. Tam má prehliadač uloženú starú verziu a často ste ešte prihlásení do rôznych služieb. Súkromné okno a telefón ukážu realitu lepšie.
• Skontrolovať externý odkaz raz a potom už nikdy. Iné stránky sa menia. Bezpečnostnú kontrolu z času na čas spustite znova.
• Zabudnúť na testovacie správy. Upozornite kolegov, ktorí tiež čítajú schránku, že prídu testovacie správy.
• Unáhlené závery po zmene DNS. Ak na jednom zariadení vidíte novú stránku a na inom starú, často ide ešte o DNS (lekcia 5.2), nie o chybu v nástroji.

V nástroji: postup

1. Zverejnite poslednú verziu cez Zverejniť zmeny.
2. Otvorte stránku v súkromnom okne a prejdite desať krokov uvedených vyššie.
3. V nástroji otvorte panel Zabezpečenie a kliknite na Skontrolovať teraz.
4. Vyriešte každú položku, alebo vedome rozhodnite, že je v poriadku.
5. Zverejnite opravy a znova otestujte zmenené časti.

Zhrnutie

• Testujte na skutočnej stránke: formulár, vlastný kód, https a lišta cookies naozaj fungujú len tam.
• Používajte súkromné okno alebo tvrdé obnovenie, aby ste určite videli najnovšiu verziu.
• Prejdite menu, tlačidlá, odkazy, obrázky, formulár, mobil, https, chybovú stránku, lištu cookies a druhý jazyk.
• Panel Zabezpečenie s tlačidlom Skontrolovať teraz nájde nefunkčné a nezabezpečené odkazy a skontroluje widgety a vlastný kód, bezplatne a najviac 3 razy za hodinu.
• Po každej oprave: zverejniť a daný bod znova otestovať.

Kvíz

Úloha

Úloha A5.4: Všetky odkazy a obrázky fungujú. Zadajte webovú adresu svojej stránky v AI Builder, bezplatnú adresu alebo vlastnú doménu. Program načíta mapu stránok (sitemap) vašej stránky, navštívi všetky stránky, ktoré sú v nej uvedené, rovnako ako návštevník, a skontroluje:

• či je každá stránka dostupná;
• či fungujú všetky odkazy na iné stránky vášho webu;
• či sa na týchto stránkach načítajú všetky obrázky;
• či http:// presmerúva na https://.

Pri každom riadku uvidíte zelenú, oranžovú alebo červenú farbu so stránkou a odkazom alebo obrázkom, ktorý nefunguje. Program urobí najviac 25 požiadaviek na jednu kontrolu, takže pri veľkej stránke neskontroluje všetko; vaše vlastné testovacie kolo je stále potrebné. Ak dostanete červenú, opravte to v nástroji, zverejnite cez Zverejniť zmeny a skontrolujte znova.

Čítajte ďalej

• Bezplatný kurz Viditeľnosť na internete 5.3: Testovanie, údržba a čo nie je povolené
• Bezplatný kurz Viditeľnosť na internete 4.1: Https a správne presmerovanie
• Presmerovať návštevníkov povinne na https
• Bezplatný DNS kurz 6.2: 'Propagácia': prečo to jeden už vidí a druhý nie