Testování po spuštění webu

Modul 5: Zveřejnění a vlastní doména · Doba čtení: 9 minut

Cíl lekce: Po této lekci dokážete svůj web po zveřejnění systematicky otestovat: odkazy, obrázky, formulář, mobilní zobrazení, https a kontrolu zabezpečení. Budete také vědět, jak v prohlížeči poznat starou verzi a jak se jí zbavit.

Klíčové pojmy: testovací kolo, anonymní okno, mezipaměť prohlížeče, tvrdé obnovení, nefunkční odkaz, kontrola zabezpečení, Zkontrolovat nyní, chybová stránka, testovací zpráva

Proč testovat na skutečném webu

Náhled v editoru není přesně Váš web. Některé věci fungují pouze ve zveřejněné verzi:

• Váš kontaktní formulář odesílá e-maily jen na skutečném webu, a to pouze tehdy, když Váš web patří k nějakému balíčku;
• vlastní kód z Nastavení > Propojení se v náhledu nespouští, na skutečném webu ano;
• cookie lištu a služby, které se načtou až po udělení souhlasu, uvidíte skutečně fungovat až na svém webu;
• https, přesměrování z http na https a z www na hlavní adresu (lekce 5.2) existují jen na Vaší skutečné doméně.

Proto po každém spuštění a po každé větší změně proveďte na skutečné adrese testovací kolo. Zabere to čtvrt hodiny a zabráníte tím tomu, aby chybu jako první objevil zákazník, který Vám zavolá.

Nejprve: vidíte opravdu nejnovější verzi?

Váš prohlížeč si stránky, fotografie a vzhled na nějakou dobu ukládá do mezipaměti prohlížeče. Díky tomu je Váš web rychlý, ale po kliknutí na Zveřejnit změny můžete kvůli tomu někdy stále vidět starou verzi. Testujte proto takto:

• otevřete svůj web v anonymním okně (inkognito); to začíná bez uložených stránek;
• nebo proveďte tvrdé obnovení: Ctrl+F5 ve Windows, Cmd+Shift+R na Macu;
• testujte také na telefonu, nejlépe přes mobilní data místo wifi.

Pokud v anonymním okně vidíte novou verzi a v běžném okně starou, s Vaším webem je vše v pořádku. Pokud i anonymní okno ukazuje starou verzi, podívejte se v editoru, zda jste změny opravdu zveřejnili: pokud je vpravo nahoře stále tlačítko Zveřejnit změny a právě jste něco upravili, Vaše poslední verze ještě není online.

Testovací kolo krok za krokem

Schildersbedrijf Example testuje takto, v anonymním okně:

1. Všechny stránky přes menu. Klikněte na každou položku menu, i na položky v podmenu. Otevře se každá stránka se správným nadpisem nahoře?
2. Všechna tlačítka a odkazy. Klikněte na každé tlačítko: „Požádat o nabídku“, „Zavolejte nám“, odkazy v patičce. Vede každé tlačítko na správnou stránku nebo sekci? Odkazy na Vaše telefonní číslo a e-mailovou adresu otevřou telefon nebo e-mailový program.
3. Odkazy na jiné weby. Vaše stránka na Facebooku, certifikační značka, popis cesty: fungují a otevírají správnou stránku?
4. Obrázky. Načte se každá fotografie, i ta níže na dlouhých stránkách? Pokud nějaká chybí, uvidíte prázdnou plochu.
5. Formulář, doopravdy. Vyplňte kontaktní formulář s jinou svou adresou. Dorazí zpráva na adresu uvedenou v Posílat zprávy na a zobrazí se děkovný text nebo děkovná stránka? Podrobnosti najdete v lekci 5.3.
6. Mobil. Otevřete web na svém telefonu. Otevírá se menu, jsou tlačítka dost velká na klepnutí, nevyčnívá žádný text mimo obrazovku? V editoru se můžete předem podívat pomocí Mobil v horní liště, ale skutečným testem je Váš vlastní telefon.
7. https a adresa. Zadejte http://example.com a www.example.com. Skončíte v obou případech na stejné adrese s https a zámečkem?
8. Stránka, která neexistuje. Zadejte adresu jako https://example.com/bestaat-niet. Uvidíte tak, co dostane návštěvník, který klikne na starý nebo chybný odkaz. Pokud na Vašem webu ještě vede odkaz na takovou adresu, opravte ho.
9. Cookie lišta a widgety. Pokud používáte služby jiných stran (mapu, video nebo statistiky), zobrazí se lišta a načte se mapa až po udělení souhlasu (lekce 7.2)?
10. Druhý jazyk. Pokud máte druhý jazyk, funguje přepínač jazyků a jsou nové texty i v tomto jazyce?

Zapište si, co najdete. Opravte to v editoru, zveřejněte pomocí Zveřejnit změny a poté znovu otestujte jen tento bod.

Kontrola zabezpečení v editoru

Editor má vlastní kontrolu v panelu Zabezpečení v nástrojové liště vlevo. Klikněte na Zkontrolovat nyní. Přibližně za půl minuty editor prověří vše, co přichází zvenčí: odkazy na Vašem webu, widgety a propojení, Váš vlastní kód a cookie lištu. Odkazy opravdu navštíví.

Dostanete seznam K prověření, například:

• „Odkaz už nefunguje (404): ...“ nefunkční odkaz, často na stránku jiného webu, která se přestěhovala;
• „Nezabezpečený odkaz bez https: ...“ odkaz, který začíná na http://; nahraďte ho verzí s https;
• „Odkaz nebylo možné automaticky zkontrolovat (web to blokuje): ...“ to není chyba: některé weby automatické kontroly odmítají; na takový odkaz klikněte sami;
• „Zprávy z Vašeho formuláře chodí na ..., ne na e-mailovou adresu Vašeho účtu. Je to správně?“ otázka, ne chyba.

U bodu je často tlačítko, například Zeptat se AI nebo Upravit widget. Kontrola je zdarma a můžete ji spustit nejvýše 3 krát za hodinu. Vaše vlastní testovací kolo nenahrazuje: nekontroluje, zda Vaše fotografie vypadají dobře nebo zda formulář dorazí.

Na co si dát pozor

• Testování v náhledu místo na skutečném webu. Formulář a vlastní kód tam doopravdy fungovat neuvidíte.
• Testování jen na vlastním počítači. Tam je Váš prohlížeč zvyklý na starou verzi a často jste ještě přihlášeni ke službám. Anonymní okno a Váš telefon jsou poctivější.
• Zkontrolovat externí odkaz jednou a pak už nikdy. Jiné weby se mění. Kontrolu zabezpečení čas od času spusťte znovu.
• Zapomenuté testovací zprávy. Řekněte kolegům, kteří čtou stejnou schránku, že budou chodit testovací zprávy.
• Příliš rychlé závěry po změně DNS. Pokud na jednom zařízení vidíte nový web a na jiném starý, jde často ještě o DNS (lekce 5.2), ne o chybu v editoru.

V editoru: jak na to

1. Zveřejněte svou poslední verzi pomocí Zveřejnit změny.
2. Otevřete svůj web v anonymním okně a projděte deset kroků výše.
3. V editoru otevřete panel Zabezpečení a klikněte na Zkontrolovat nyní.
4. Každý bod vyřešte, nebo se vědomě rozhodněte, že je v pořádku.
5. Opravy zveřejněte a změněné části znovu otestujte.

Shrnutí

• Testujte na skutečném webu: formulář, vlastní kód, https a cookie lišta doopravdy fungují jen tam.
• Použijte anonymní okno nebo tvrdé obnovení, abyste jistě viděli nejnovější verzi.
• Projděte menu, tlačítka, odkazy, obrázky, formulář, mobil, https, chybovou stránku, cookie lištu a druhý jazyk.
• Panel Zabezpečení s tlačítkem Zkontrolovat nyní najde nefunkční a nezabezpečené odkazy a prověří widgety a vlastní kód, zdarma a nejvýše 3 krát za hodinu.
• Po každé opravě: zveřejnit a tento bod znovu otestovat.

Kvíz

Úkol

Úkol A5.4: Všechny odkazy a obrázky fungují. Zadejte webovou adresu svého webu v AI Builder, bezplatnou adresu nebo svou vlastní doménu. Program načte mapu webu (sitemap), navštíví všechny stránky, které v ní jsou, stejně jako návštěvník, a zkontroluje:

• zda je každá stránka dostupná;
• zda fungují všechny odkazy na jiné stránky Vašeho webu;
• zda se na těchto stránkách načítají všechny obrázky;
• zda http:// přesměrovává na https://.

U každého řádku uvidíte zelenou, oranžovou nebo červenou barvu se stránkou a odkazem nebo obrázkem, který nefunguje. Program provede nejvýše 25 požadavků na jednu kontrolu, takže u velkého webu nezkontroluje vše; Vaše vlastní testovací kolo je tedy stále potřeba. Pokud dostanete červenou, opravte to v editoru, zveřejněte pomocí Zveřejnit změny a zkontrolujte znovu.

Další čtení

• Bezplatný kurz Viditelnost na internetu 5.3: Testování, údržba a co je zakázáno
• Bezplatný kurz Viditelnost na internetu 4.1: https a správné přesměrování
• Vynutit přesměrování návštěvníků na https
• Bezplatný DNS kurz 6.2: „Propagace“: proč to jeden vidí hned a druhý ne