Modul 5 · 5.4
Tesztelés az élesítés után
Modul 5: Közzététel és saját domain · Olvasási idő: 9 perc
Tanulási cél: A lecke után rendszerezetten tudja tesztelni a webhelyét a közzététel után: a linkeket, a képeket, az űrlapot, a mobilos nézetet, a https-t és a biztonsági ellenőrzést. Azt is tudni fogja, hogyan ismeri fel és tünteti el a böngészőjében látható régi változatot.
Kulcsfogalmak: tesztkör, privát ablak, böngésző-gyorsítótár, kényszerített frissítés, halott link, biztonsági ellenőrzés, Ellenőrzés most, hibaoldal, tesztüzenet
Miért az éles webhelyen teszteljen?
A szerkesztőben látható előnézet nem pontosan azonos a webhelyével. Néhány dolog csak a közzétett változaton működik:
- a kapcsolatfelvételi űrlap csak az éles webhelyen küld e-mailt, és csak akkor, ha a webhelye egy csomaghoz tartozik;
- a Beállítások > Integrációk alatt megadott saját kód az előnézetben nem fut le, az éles webhelyen viszont igen;
- a sütisávot és a csak hozzájárulás után betöltődő szolgáltatásokat igazán csak a webhelyén látja működni;
- a https, valamint a http-ről https-re és a www-ről a fő címre történő átirányítás (5.2. lecke) csak a saját domainjén létezik.
Ezért minden élesítés és minden nagyobb módosítás után végezzen egy tesztkört az éles címen. Negyedóra az egész, és így nem az első telefonáló ügyfél bukkan rá a hibára.
Először: valóban a legújabb változatot látja?
A böngészője egy ideig megőrzi az oldalakat, a fotókat és a formázást: ez a böngésző-gyorsítótár. Emiatt gyors a webhelye, de a Módosítások közzététele után emiatt néha még a régi változatot látja. Ezért így teszteljen:
- nyissa meg a webhelyét egy privát ablakban (inkognitó módban); ez mentett oldalak nélkül indul;
- vagy végezzen kényszerített frissítést: Windows alatt Ctrl+F5, Macen Cmd+Shift+R;
- teszteljen a telefonján is, lehetőleg mobilinterneten, nem wifin keresztül.
Ha a privát ablakban az új, a megszokott ablakban pedig a régi változatot látja, akkor nincs semmi baj a webhelyével. Ha a privát ablakban is a régi változat jelenik meg, nézze meg a szerkesztőben, hogy valóban közzétette-e: ha jobbra fent még ott van a Módosítások közzététele, és épp az imént módosított valamit, akkor a legutóbbi változat még nem élő.
A tesztkör lépésről lépésre
A Schildersbedrijf Example így tesztel, egy privát ablakban:
- Minden oldal a menün keresztül. Kattintson rá minden menüpontra, az almenük elemeire is. Megjelenik minden oldal, a megfelelő címmel a tetején?
- Minden gomb és link. Kattintson rá minden gombra: „Kérjen árajánlatot”, „Hívjon minket”, a lábléc linkjei. Minden gomb a megfelelő oldalra vagy szekcióra vezet? A telefonszámra és e-mail-címre mutató linkek megnyitják a telefont, illetve a levelezőprogramot.
- Linkek más webhelyekre. A Facebook-oldala, egy minőségi tanúsítvány, egy útvonalterv: működnek, és a megfelelő oldalt nyitják meg?
- Képek. Betöltődik minden fotó, a hosszú oldalak alján lévők is? Ha valamelyik hiányzik, üres felületet lát.
- Az űrlap, élesben. Töltse ki a kapcsolatfelvételi űrlapot egy másik saját címével. Megérkezik az üzenet az Üzenetek küldése ide mezőben megadott címre, és megjelenik a köszönőszöveg vagy a köszönőoldal? A részleteket az 5.3. leckében találja.
- Mobil. Nyissa meg a webhelyet a telefonján. Kinyílik a menü, elég nagyok a gombok ahhoz, hogy rá lehessen koppintani, nem lóg ki szöveg a képernyőről? A szerkesztőben előre is megnézheti a felső sáv Mobil nézetével, de az igazi próba a saját telefonja.
- A https és a cím. Írja be:
http://example.coméswww.example.com. Mindkét esetben ugyanarra a https-es címre jut, lakat ikonnal? - Egy nem létező oldal. Írjon be egy olyan címet, mint
https://example.com/bestaat-niet. Így látja, mit kap az a látogató, aki egy régi vagy hibás linket követ. Ha a saját webhelyén is van még link egy ilyen címre, javítsa ki. - Sütisáv és widgetek. Ha más szolgáltatók szolgáltatásait használja (térkép, videó vagy statisztika), megjelenik a sáv, és a térkép csak a hozzájárulás után töltődik be (7.2. lecke)?
- Második nyelv. Ha van második nyelve, működik a nyelvválasztó, és az új szövegek azon a nyelven is megvannak?
Jegyezze fel, amit talál. Javítsa ki a szerkesztőben, tegye közzé a Módosítások közzététele gombbal, majd csak azt a pontot tesztelje újra.
A biztonsági ellenőrzés a szerkesztőben
A szerkesztőnek saját ellenőrzése is van, a bal oldali eszköztár Biztonság paneljén. Kattintson az Ellenőrzés most gombra. Körülbelül fél perc alatt a szerkesztő átnéz mindent, ami kívülről érkezik: a webhelyén lévő linkeket, a widgeteket és integrációkat, a saját kódját és a sütisávot. A linkeket ténylegesen meg is látogatja.
Egy Átnézendő listát kap, például:
- „A hivatkozás már nem működik (404): ...”: ez egy halott link, gyakran egy másik webhely olyan oldalára, amely máshová költözött;
- „Nem biztonságos, https nélküli hivatkozás: ...”: egy
http://kezdetű link; cserélje le a https-es változatra; - „A hivatkozást nem lehetett automatikusan ellenőrizni (a webhely ezt letiltja): ...”: ez nem hiba, egyes webhelyek kizárják az automatikus ellenőrzéseket; az ilyen linkre kattintson rá saját maga;
- „Az űrlap üzenetei ide mennek: ..., nem a fiókja e-mail-címére. Ez így rendben van?”: ez egy kérdés, nem hiba.
Egy-egy pontnál gyakran gomb is van, például Kérdezze az AI-t vagy Widget módosítása. Az ellenőrzés ingyenes, és óránként legfeljebb 3 alkalommal futtatható. A saját tesztkörét nem helyettesíti: nem nézi meg, jól mutatnak-e a fotói, vagy megérkezik-e az űrlap üzenete.
Buktatók
- Tesztelés az előnézetben az éles webhely helyett. Az űrlapot és a saját kódot ott nem látja ténylegesen működni.
- Tesztelés csak a saját számítógépén. Ott a böngészője hozzászokott a régi változathoz, és gyakran még be is van jelentkezve szolgáltatásokba. Egy privát ablak és a telefonja őszintébb képet ad.
- Egy külső linket egyszer ellenőriz, aztán soha többé. Más webhelyek változnak. Időnként futtassa újra a biztonsági ellenőrzést.
- Elfelejtett tesztüzenetek. Szóljon a postafiókot szintén olvasó kollégáknak, hogy tesztüzenetek fognak érkezni.
- Elhamarkodott következtetés egy DNS-módosítás után. Ha az egyik eszközön az új, a másikon a régi webhelyet látja, az gyakran még a DNS miatt van (5.2. lecke), nem a szerkesztő hibája.
A szerkesztőben: így csinálja
- Tegye közzé a legutóbbi változatot a Módosítások közzététele gombbal.
- Nyissa meg a webhelyét egy privát ablakban, és menjen végig a fenti tíz lépésen.
- Nyissa meg a szerkesztőben a Biztonság panelt, és kattintson az Ellenőrzés most gombra.
- Javítson ki minden pontot, vagy döntse el tudatosan, hogy rendben van.
- Tegye közzé a javításokat, és tesztelje újra a módosított részeket.
Összefoglalás
- Az éles webhelyen teszteljen: az űrlap, a saját kód, a https és a sütisáv csak ott működik ténylegesen.
- Használjon privát ablakot vagy kényszerített frissítést, hogy biztosan a legújabb változatot lássa.
- Nézze át a menüt, a gombokat, a linkeket, a képeket, az űrlapot, a mobilos nézetet, a https-t, a hibaoldalt, a sütisávot és a második nyelvet.
- A Biztonság panel Ellenőrzés most funkciója megtalálja a halott és a nem biztonságos linkeket, és átnézi a widgeteket és a saját kódot, ingyenesen, óránként legfeljebb 3 alkalommal.
- Minden javítás után: közzététel, majd az adott pont újratesztelése.
Kvíz
Feladat
A5.4. feladat: Minden link és kép működik. Adja meg az AI Builderrel készült webhelye címét: az ingyenes címet vagy a saját domainjét. A program beolvassa a webhelye oldaltérképét (sitemap), egy látogatóhoz hasonlóan felkeresi az abban szereplő összes oldalt, és ellenőrzi:
- hogy minden oldal elérhető-e;
- hogy működik-e minden link, amely a saját webhelye más oldalaira mutat;
- hogy betöltődik-e minden kép ezeken az oldalakon;
- hogy a
http://átirányít-e ahttps://címre.
Soronként zöld, narancssárga vagy piros jelzést lát, az oldallal és a nem működő linkkel vagy képpel együtt. A program ellenőrzésenként legfeljebb 25 kérést küld, így egy nagy webhelynél nem néz át mindent; a saját tesztkörére továbbra is szükség van. Ha piros jelzést kap, javítsa ki a hibát a szerkesztőben, tegye közzé a Módosítások közzététele gombbal, és ellenőrizzen újra.