Testaaminen julkaisun jälkeen

Moduuli 5: Julkaisu ja oma verkkotunnus · Lukuaika: 9 minuuttia

Oppimistavoite: Tämän oppitunnin jälkeen osaat testata sivustosi järjestelmällisesti julkaisun jälkeen: linkit, kuvat, lomakkeen, mobiilinäkymän, https:n ja tietoturvatarkistuksen. Tiedät myös, miten tunnistat selaimessasi vanhan version ja miten pääset siitä eroon.

Keskeiset käsitteet: testikierros, yksityinen ikkuna, selaimen välimuisti, pakotettu päivitys, kuollut linkki, tietoturvatarkistus, Tarkista nyt, virhesivu, testiviesti

Miksi testata oikeaa sivustoa

Sivustoeditorin esikatselu ei ole täsmälleen sama kuin sivustosi. Jotkin asiat toimivat vain julkaistussa versiossa:

• yhteydenottolomake lähettää sähköpostia vain oikealla sivustolla ja vain, jos sivustosi kuuluu pakettiin;
• omaa koodia, jonka lisäät kohdassa Asetukset > Integraatiot, ei suoriteta esikatselussa, mutta oikealla sivustolla kyllä;
• evästebanneri ja palvelut, jotka latautuvat vasta suostumuksen jälkeen, näkyvät toiminnassa vasta oikealla sivustolla;
• https sekä uudelleenohjaukset http:stä https:ään ja www-osoitteesta pääosoitteeseen (oppitunti 5.2) ovat olemassa vain oikeassa verkkotunnuksessasi.

Siksi teet jokaisen julkaisun ja jokaisen suuremman muutoksen jälkeen testikierroksen oikeassa osoitteessa. Se vie vartin ja estää sen, että ensimmäinen soittava asiakas on se, joka löytää virheen.

Ensin: näetkö varmasti uusimman version?

Selain säilyttää sivuja, kuvia ja ulkoasua jonkin aikaa selaimen välimuistissa. Se tekee sivustosta nopean, mutta sen takia näet joskus vielä vanhan version, vaikka olet painanut Julkaise muutokset. Testaa siksi näin:

• avaa sivustosi yksityisessä ikkunassa (incognito); se aloittaa ilman tallennettuja sivuja;
• tai tee pakotettu päivitys: Ctrl+F5 Windowsissa, Cmd+Shift+R Macissa;
• testaa myös puhelimella, mieluiten mobiilidatalla wifin sijaan.

Jos yksityisessä ikkunassa näkyy uusi versio ja tavallisessa ikkunassa vanha, sivustossasi ei ole mitään vikaa. Jos yksityisessäkin ikkunassa näkyy vanha versio, tarkista sivustoeditorista, oletko julkaissut muutokset: jos oikeassa yläkulmassa lukee vielä Julkaise muutokset ja muutit juuri jotain, viimeisin versiosi ei ole vielä verkossa.

Testikierros vaihe vaiheelta

Schildersbedrijf Example testaa näin, yksityisessä ikkunassa:

1. Kaikki sivut valikon kautta. Napsauta jokaista valikon kohtaa, myös alavalikon kohtia. Avautuuko jokainen sivu, ja onko ylhäällä oikea otsikko?
2. Kaikki painikkeet ja linkit. Napsauta jokaista painiketta: "Pyydä tarjous", "Soita meille", alatunnisteen linkit. Viekö jokainen painike oikealle sivulle tai oikeaan osioon? Puhelinnumeron ja sähköpostiosoitteen linkkien pitää avata puhelin tai sähköpostiohjelma.
3. Linkit muille sivustoille. Facebook-sivusi, laatumerkki, reittiohje: toimivatko ne, ja avautuuko oikea sivu?
4. Kuvat. Latautuuko jokainen kuva, myös pitkien sivujen alempana? Jos jokin puuttuu, näet tyhjän alueen.
5. Lomake, oikeasti. Täytä yhteydenottolomake käyttäen toista omaa osoitettasi. Saapuuko viesti osoitteeseen, joka on kohdassa Lähetä viestit osoitteeseen, ja näkyykö kiitosteksti tai kiitossivu? Katso tarkemmat tiedot oppitunnilta 5.3.
6. Mobiili. Avaa sivusto puhelimellasi. Aukeaako valikko, ovatko painikkeet tarpeeksi isoja napautettaviksi, eikä tekstiä jää näkymän ulkopuolelle? Sivustoeditorissa voit katsoa etukäteen yläpalkin Puhelin-näkymällä, mutta oma puhelimesi on oikea testi.
7. https ja osoite. Kirjoita http://example.com ja www.example.com. Päädytkö molemmilla samaan https-osoitteeseen, jossa näkyy lukko?
8. Sivu, jota ei ole. Kirjoita osoite kuten https://example.com/bestaat-niet. Näin näet, mitä kävijä saa, kun hän seuraa vanhaa tai väärää linkkiä. Jos omalla sivustollasi on vielä linkki tällaiseen osoitteeseen, korjaa se.
9. Evästebanneri ja widgetit. Jos käytät muiden palveluja (kartta, video tai tilastot), tuleeko banneri esiin, ja latautuuko kartta vasta suostumuksen jälkeen (oppitunti 7.2)?
10. Toinen kieli. Jos sivustollasi on toinen kieli, toimiiko kielivalitsin, ja löytyvätkö uudet tekstit myös sillä kielellä?

Kirjoita löydöksesi muistiin. Korjaa ne sivustoeditorissa, julkaise ne painamalla Julkaise muutokset ja testaa sen jälkeen uudelleen vain kyseinen kohta.

Sivustoeditorin tietoturvatarkistus

Sivustoeditorissa on oma tarkistus vasemman työkalupalkin Tietoturva-paneelissa. Napsauta Tarkista nyt. Noin puolessa minuutissa sivustoeditori käy läpi kaiken, mikä tulee ulkopuolelta: sivustosi linkit, widgetit ja integraatiot, oman koodisi ja evästebannerin. Se myös avaa linkit oikeasti.

Saat Tarkistettavaa-luettelon, esimerkiksi:

• "Linkki ei enää toimi (404): ..." on kuollut linkki, usein toisen sivuston sivulle, joka on siirretty;
• "Turvaton linkki ilman https:ää: ..." on linkki, joka alkaa http://; korvaa se https-versiolla;
• "Linkkiä ei voitu tarkistaa automaattisesti (sivusto estää sen): ..." ei ole virhe: jotkin sivustot torjuvat automaattiset tarkistukset; avaa tällainen linkki itse;
• "Lomakkeesi viestit menevät osoitteeseen ..., eivät tilisi sähköpostiosoitteeseen. Onko tämä oikein?" on kysymys, ei virhe.

Kohdan vieressä on usein painike, kuten Kysy tekoälyltä tai Muokkaa widgetiä. Tarkistus on maksuton, ja voit tehdä sen enintään 3 kertaa tunnissa. Se ei korvaa omaa testikierrostasi: se ei katso, näyttävätkö kuvasi hyviltä tai saapuuko lomakkeesi viesti perille.

Sudenkuopat

• Testaaminen esikatselussa oikean sivuston sijaan. Lomake ja oma koodi eivät toimi siellä oikeasti.
• Testaaminen vain omalla tietokoneella. Siellä selaimesi on tottunut vanhaan versioon, ja olet usein vielä kirjautuneena palveluihin. Yksityinen ikkuna ja puhelin antavat rehellisemmän kuvan.
• Ulkoisen linkin tarkistaminen kerran eikä koskaan enää. Muut sivustot muuttuvat. Aja tietoturvatarkistus aina välillä uudelleen.
• Testiviestien unohtaminen. Kerro kollegoille, jotka lukevat samaa postilaatikkoa, että sinne tulee testiviestejä.
• Liian nopeat johtopäätökset DNS-muutoksen jälkeen. Jos yhdellä laitteella näkyy uusi sivusto ja toisella vanha, syy on usein vielä DNS (oppitunti 5.2), ei sivustoeditorin virhe.

Sivustoeditorissa: näin se tehdään

1. Julkaise viimeisin versiosi painamalla Julkaise muutokset.
2. Avaa sivustosi yksityisessä ikkunassa ja käy läpi yllä olevat kymmenen vaihetta.
3. Avaa sivustoeditorissa Tietoturva-paneeli ja napsauta Tarkista nyt.
4. Korjaa jokainen kohta tai päätä tietoisesti, että se on kunnossa.
5. Julkaise korjaukset ja testaa muutetut osat uudelleen.

Yhteenveto

• Testaa oikealla sivustolla: lomake, oma koodi, https ja evästebanneri toimivat oikeasti vain siellä.
• Käytä yksityistä ikkunaa tai pakotettua päivitystä, jotta näet varmasti uusimman version.
• Käy läpi valikko, painikkeet, linkit, kuvat, lomake, mobiili, https, virhesivu, evästebanneri ja toinen kieli.
• Tietoturva-paneelin Tarkista nyt löytää kuolleet ja turvattomat linkit ja tarkistaa widgetit ja oman koodin, maksutta ja enintään 3 kertaa tunnissa.
• Jokaisen korjauksen jälkeen: julkaise ja testaa kyseinen kohta uudelleen.

Tietovisa

Tehtävä

Tehtävä A5.4: Kaikki linkit ja kuvat toimivat. Syötä AI Builder -sivustosi verkko-osoite, joko ilmainen osoite tai oma verkkotunnuksesi. Ohjelma lukee sivustosi sivukartan, käy kävijän tavoin läpi kaikki siinä olevat sivut ja tarkistaa:

• onko jokainen sivu tavoitettavissa;
• toimivatko kaikki linkit oman sivustosi muille sivuille;
• latautuvatko kaikki näiden sivujen kuvat;
• ohjaako http:// osoitteeseen https://.

Jokaisella rivillä näet vihreän, oranssin tai punaisen merkin sekä sivun ja linkin tai kuvan, joka ei toimi. Ohjelma tekee enintään 25 pyyntöä tarkistusta kohden, joten suurella sivustolla se ei tarkista kaikkea; oma testikierroksesi on edelleen tarpeen. Jos saat punaista, korjaa asia sivustoeditorissa, julkaise se painamalla Julkaise muutokset ja tarkista uudelleen.

Lisälukemista

• Ilmainen kurssi Löydettävyys verkossa 5.3: Testaaminen, ylläpito ja kielletyt asiat
• Ilmainen kurssi Löydettävyys verkossa 4.1: https ja kunnollinen uudelleenohjaus
• Ohjaa kävijät pakotetusti https-osoitteeseen
• Ilmainen DNS-kurssi 6.2: "Leviäminen": miksi toinen näkee muutoksen jo ja toinen ei