Testa efter lanseringen

Modul 5: Publicera och din egen domän · Lästid: 9 minuter

Lärandemål: Efter den här lektionen kan du testa din webbplats systematiskt efter publiceringen: länkar, bilder, formulär, mobil, https och säkerhetskontrollen. Du vet också hur du känner igen en gammal version i webbläsaren och blir av med den.

Nyckelbegrepp: testrunda, privat fönster, webbläsarens cache, hård uppdatering, död länk, säkerhetskontroll, Kontrollera nu, felsida, testmeddelande

Därför testar du på den riktiga webbplatsen

Förhandsvisningen i byggaren är inte exakt din webbplats. Några saker fungerar bara på den publicerade versionen:

• ditt kontaktformulär skickar bara e-post på den riktiga webbplatsen, och bara om webbplatsen hör till ett paket;
• egen kod från Inställningar > Integrationer körs inte i förhandsvisningen, men på din riktiga webbplats;
• cookiebannern och tjänsterna som laddas först efter samtycke ser du bara fungera på riktigt på din webbplats;
• https, omdirigeringen från http till https och från www till huvudadressen (lektion 5.2) finns bara på din riktiga domän.

Därför gör du en testrunda på den riktiga adressen efter varje lansering och efter varje större ändring. Det tar en kvart och förhindrar att den första kunden som ringer är den som hittar felet.

Först: ser du verkligen den nyaste versionen?

Din webbläsare sparar sidor, foton och formatering en tid, i webbläsarens cache. Det gör din webbplats snabb, men efter Publicera ändringar ser du därför ibland fortfarande den gamla versionen. Testa därför så här:

• öppna din webbplats i ett privat fönster (inkognito); det startar utan sparade sidor;
• eller gör en hård uppdatering: Ctrl+F5 på Windows, Cmd+Shift+R på en Mac;
• testa också på din telefon, helst via mobildata i stället för wifi.

Ser du den nya versionen i det privata fönstret och den gamla i ditt vanliga fönster, är det inget fel på din webbplats. Visar även det privata fönstret den gamla versionen, kontrollera då i byggaren att du verkligen har publicerat: står det fortfarande Publicera ändringar uppe till höger och har du precis ändrat något, är din senaste version ännu inte publicerad.

Testrundan, steg för steg

Schildersbedrijf Example testar så här, i ett privat fönster:

1. Alla sidor via menyn. Klicka på varje menyval, även punkterna i en undermeny. Visas varje sida, med rätt rubrik högst upp?
2. Alla knappar och länkar. Klicka på varje knapp: "Begär offert", "Ring oss", länkarna i sidfoten. Leder varje knapp till rätt sida eller sektion? Länkar till ditt telefonnummer och din e-postadress öppnar telefonen eller e-postprogrammet.
3. Länkar till andra webbplatser. Din Facebook-sida, en kvalitetsmärkning, en vägbeskrivning: fungerar de och öppnar de rätt sida?
4. Bilder. Laddas varje foto, även längre ner på långa sidor? Saknas ett, ser du en tom yta.
5. Formuläret, på riktigt. Fyll i kontaktformuläret med en annan egen adress. Kommer meddelandet fram till adressen under Skicka meddelanden till, och visas tacktexten eller tacksidan? Se lektion 5.3 för detaljerna.
6. Mobil. Öppna webbplatsen på din telefon. Öppnas menyn, är knapparna stora nog att trycka på, hamnar ingen text utanför skärmen? I byggaren kan du titta i förväg med Mobil i toppfältet, men din egen telefon är det riktiga testet.
7. https och adressen. Skriv http://example.com och www.example.com. Hamnar du båda gångerna på samma adress med https och ett hänglås?
8. En sida som inte finns. Skriv en adress som https://example.com/bestaat-niet. Så ser du vad en besökare får som följer en gammal eller felaktig länk. Finns det fortfarande en länk till en sådan adress på din egen webbplats, ändra den då.
9. Cookiebanner och widgetar. Har du tjänster från andra aktörer (en karta, video eller statistik), visas bannern då, och laddas kartan först efter samtycke (lektion 7.2)?
10. Andra språket. Har du ett andra språk, fungerar språkväljaren och finns de nya texterna också på det språket?

Skriv ner vad du hittar. Åtgärda det i byggaren, publicera med Publicera ändringar och testa sedan bara den punkten igen.

Säkerhetskontrollen i byggaren

Byggaren har en egen kontroll, i panelen Säkerhet i verktygsfältet till vänster. Klicka på Kontrollera nu. På ungefär en halv minut går byggaren igenom allt som kommer utifrån: länkarna på din webbplats, widgetar och integrationer, din egen kod och cookiebannern. Det besöker länkarna på riktigt.

Du får en lista Att titta på, till exempel:

• "Länken fungerar inte längre (404): ..." en död länk, ofta till en sida på en annan webbplats som har flyttats;
• "Osäker länk utan https: ..." en länk som börjar med http://; byt ut den mot https-versionen;
• "Länken kunde inte kontrolleras automatiskt (webbplatsen blockerar det): ..." det är inget fel: vissa webbplatser stoppar automatiska kontroller; klicka själv på en sådan länk;
• "Meddelanden från ditt formulär går till ..., inte till e-postadressen för ditt konto. Stämmer det?" en fråga, inget fel.

Vid en punkt finns ofta en knapp, som Fråga AI eller Ändra widget. Kontrollen är gratis och du kan köra den högst 3 gånger per timme. Den ersätter inte din egen testrunda: den kontrollerar inte om dina foton ser bra ut eller om ditt formulär kommer fram.

Fallgropar

• Testa i förhandsvisningen i stället för på din riktiga webbplats. Formuläret och egen kod ser du inte fungera på riktigt där.
• Bara testa på din egen dator. Där är din webbläsare van vid den gamla versionen och du är ofta fortfarande inloggad hos tjänster. Ett privat fönster och din telefon ger en ärligare bild.
• Kontrollera en extern länk en gång och sedan aldrig mer. Andra webbplatser ändras. Kör säkerhetskontrollen igen då och då.
• Glömma testmeddelanden. Säg till kollegor som också läser inkorgen att det kommer testmeddelanden.
• Dra slutsatser för snabbt efter en DNS-ändring. Ser du den nya webbplatsen på en enhet och den gamla på en annan, är det ofta fortfarande DNS (lektion 5.2), inget fel i byggaren.

I byggaren: så gör du

1. Publicera din senaste version med Publicera ändringar.
2. Öppna din webbplats i ett privat fönster och gå igenom de tio stegen ovan.
3. Öppna panelen Säkerhet i byggaren och klicka på Kontrollera nu.
4. Åtgärda varje punkt, eller bestäm medvetet att den är i ordning.
5. Publicera åtgärderna och testa de ändrade delarna igen.

Sammanfattning

• Testa på din riktiga webbplats: formuläret, egen kod, https och cookiebannern fungerar bara där på riktigt.
• Använd ett privat fönster eller en hård uppdatering, så att du säkert ser den nyaste versionen.
• Gå igenom meny, knappar, länkar, bilder, formulär, mobil, https, felsida, cookiebanner och andra språket.
• Panelen Säkerhet med Kontrollera nu hittar döda och osäkra länkar och tittar på widgetar och egen kod, gratis och högst 3 gånger per timme.
• Efter varje åtgärd: publicera och testa den punkten igen.

Quiz

Uppgift

Uppgift A5.4: Alla länkar och bilder fungerar. Fyll i webbadressen till din AI Builder-webbplats, den kostnadsfria adressen eller din egen domän. Programmet läser webbplatsens sitemap, besöker alla sidor som finns i den på samma sätt som en besökare och kontrollerar:

• att varje sida går att nå;
• att alla länkar till andra sidor på din egen webbplats fungerar;
• att alla bilder på de sidorna laddas;
• att http:// omdirigeras till https://.

För varje rad ser du grönt, orange eller rött, med sidan och länken eller bilden som inte fungerar. Programmet gör högst 25 anrop per kontroll, så på en stor webbplats kontrolleras inte allt; din egen testrunda behövs fortfarande. Får du rött, åtgärda det då i byggaren, publicera med Publicera ändringar och kontrollera igen.

Läs mer

• Gratis kurs Synas på nätet 5.3: Testa, underhåll och vad som inte är tillåtet
• Gratis kurs Synas på nätet 4.1: https och en bra omdirigering
• Tvinga besökare att omdirigeras till https
• Gratis DNS-kurs 6.2: "Spridning": varför vissa redan ser den och andra inte