Module 5 · 5.4
Testen na de livegang
Module 5: Online zetten en je eigen domein · Leestijd: 9 minuten
Leerdoel: Na deze les kun je je site na het online zetten systematisch testen: links, beelden, formulier, mobiel, https en de beveiligingscontrole, en je weet hoe je een oude versie in je browser herkent en wegkrijgt.
Kernbegrippen: testronde, privévenster, browsercache, harde vernieuwing, dode link, beveiligingscontrole, Nu nakijken, foutpagina, testbericht
Waarom testen op de echte site
Het voorbeeld in de bouwer is niet precies je site. Een paar dingen werken alleen op de gepubliceerde versie:
- je contactformulier verstuurt alleen op de echte site mail, en alleen als je site bij een pakket hoort;
- eigen code uit Instellingen > Koppelingen wordt in het voorbeeld niet uitgevoerd, op je echte site wel;
- de cookiebanner en de diensten die pas na toestemming laden, zie je pas echt werken op je site;
- https, de doorsturing van http naar https en van www naar het hoofdadres (les 5.2) bestaan alleen op je echte domein.
Daarom doe je na elke livegang, en na elke grote wijziging, een testronde op het echte adres. Het kost een kwartier en het voorkomt dat de eerste klant die belt degene is die de fout vindt.
Eerst: zie je wel de nieuwste versie?
Je browser bewaart pagina's, foto's en de opmaak een tijd, de browsercache. Dat maakt je site snel, maar na Publiceer wijzigingen zie je daardoor soms nog de oude versie. Test daarom zo:
- open je site in een privévenster (incognito); dat begint zonder opgeslagen pagina's;
- of doe een harde vernieuwing: Ctrl+F5 op Windows, Cmd+Shift+R op een Mac;
- test ook op je telefoon, liefst via mobiele data in plaats van wifi.
Zie je in het privévenster de nieuwe versie en in je gewone venster de oude, dan is er niets mis met je site. Ziet ook het privévenster de oude versie, kijk dan in de bouwer of je wel hebt doorgezet: staat er rechtsboven nog Publiceer wijzigingen en heb je net iets aangepast, dan is je laatste versie nog niet live.
De testronde, stap voor stap
Schildersbedrijf Example test zo, in een privévenster:
- Alle pagina's via het menu. Klik elke menu-ingang aan, ook de items in een submenu. Komt elke pagina, met de juiste titel bovenaan?
- Alle knoppen en links. Klik elke knop: "Vraag een offerte aan", "Bel ons", de links in de voet. Gaat elke knop naar de goede pagina of sectie? Links naar je telefoonnummer en e-mailadres openen de telefoon of het mailprogramma.
- Links naar andere sites. Je Facebook-pagina, een keurmerk, een routebeschrijving: werken ze en openen ze de juiste pagina?
- Beelden. Laadt elke foto, ook verderop op lange pagina's? Ontbreekt er een, dan zie je een leeg vlak.
- Het formulier, echt. Vul het contactformulier in met een ander adres van jezelf. Komt het bericht aan op het adres bij Berichten sturen naar, en verschijnt de bedanktekst of bedankpagina? Zie les 5.3 voor de details.
- Mobiel. Open de site op je telefoon. Opent het menu, zijn de knoppen groot genoeg om te tikken, valt er geen tekst buiten beeld? In de bouwer kun je vooraf al kijken met Mobiel in de topbalk, maar je eigen telefoon is de echte test.
- https en het adres. Typ
http://example.comenwww.example.com. Kom je allebei uit op hetzelfde adres met https en een slotje? - Een pagina die niet bestaat. Typ een adres als
https://example.com/bestaat-niet. Zo zie je wat een bezoeker krijgt die een oude of verkeerde link volgt. Staat er nog een link naar zo'n adres op je eigen site, pas die dan aan. - Cookiebanner en widgets. Heb je diensten van andere partijen (een kaart, video of statistieken), komt de banner dan, en laadt de kaart pas na toestemming (les 7.2)?
- Tweede taal. Heb je een tweede taal, werkt de taalkiezer en staan de nieuwe teksten ook in die taal?
Schrijf op wat je vindt. Los het op in de bouwer, zet het door met Publiceer wijzigingen en test daarna alleen dat punt opnieuw.
De beveiligingscontrole in de bouwer
De bouwer heeft een eigen controle, in het paneel Beveiliging in de werkbalk links. Klik op Nu nakijken. In ongeveer een halve minuut kijkt de bouwer naar alles wat van buiten komt: de links op je site, widgets en koppelingen, je eigen code en de cookiebanner. Hij bezoekt de links echt.
Je krijgt een lijst Om naar te kijken, bijvoorbeeld:
- "Link werkt niet meer (404): ..." een dode link, vaak naar een pagina van een andere site die is verhuisd;
- "Onveilige link zonder https: ..." een link die met
http://begint; vervang hem door de https-versie; - "Link kon niet automatisch worden gecontroleerd (de site blokkeert dat): ..." dat is geen fout: sommige sites weren automatische controles; klik zo'n link zelf aan;
- "Berichten van je formulier gaan naar ..., niet naar het e-mailadres van je account. Klopt dat?" een vraag, geen fout.
Bij een punt staat vaak een knop, zoals Vraag de AI of Widget aanpassen. De controle is gratis en kun je hoogstens 3 keer per uur doen. Hij vervangt je eigen testronde niet: hij kijkt niet of je foto's mooi staan of je formulier aankomt.
Valkuilen
- Testen in het voorbeeld in plaats van op je echte site. Het formulier en eigen code zie je daar niet echt werken.
- Alleen op je eigen computer testen. Daar is je browser gewend aan de oude versie en ben je vaak nog ingelogd bij diensten. Een privévenster en je telefoon zijn eerlijker.
- Een externe link één keer controleren en dan nooit meer. Andere sites veranderen. Laat de beveiligingscontrole af en toe opnieuw lopen.
- Testberichten vergeten. Zeg tegen collega's die de mailbox ook lezen dat er testberichten aankomen.
- Te snel conclusies trekken na een DNS-wijziging. Zie je op het ene apparaat de nieuwe site en op het andere de oude, dan is dat vaak nog de DNS (les 5.2), geen fout in de bouwer.
In de bouwer: zo doe je het
- Zet je laatste versie door met Publiceer wijzigingen.
- Open je site in een privévenster en loop de tien stappen hierboven na.
- Open in de bouwer het paneel Beveiliging en klik op Nu nakijken.
- Los elk punt op, of besluit bewust dat het in orde is.
- Zet de oplossingen door en test de gewijzigde onderdelen opnieuw.
Samenvatting
- Test op je echte site: het formulier, eigen code, https en de cookiebanner werken alleen daar echt.
- Gebruik een privévenster of een harde vernieuwing, zodat je zeker de nieuwste versie ziet.
- Loop menu, knoppen, links, beelden, formulier, mobiel, https, foutpagina, cookiebanner en tweede taal na.
- Het paneel Beveiliging met Nu nakijken vindt dode en onveilige links en kijkt naar widgets en eigen code, gratis en hoogstens 3 keer per uur.
- Na elke oplossing: doorzetten en dat punt opnieuw testen.
Quiz
Opdracht
Opdracht A5.4: Alle links en beelden werken. Vul het webadres van je AI Builder-site in, het gratis adres of je eigen domein. Het programma leest de sitemap van je site, bezoekt alle pagina's die erin staan zoals een bezoeker dat doet, en controleert:
- of elke pagina bereikbaar is;
- of alle links naar andere pagina's van je eigen site werken;
- of alle beelden op die pagina's laden;
- of
http://doorstuurt naarhttps://.
Per regel zie je groen, oranje of rood, met de pagina en de link of het beeld dat niet werkt. Het programma doet hoogstens 25 verzoeken per controle, dus bij een grote site kijkt het niet alles na; je eigen testronde blijft nodig. Krijg je rood, los het dan op in de bouwer, zet het door met Publiceer wijzigingen en controleer opnieuw.