Testarea după lansare

Modulul 5: Publicarea online și propriul domeniu · Timp de citire: 9 minute

Obiectivul lecției: După această lecție, veți putea testa sistematic site-ul după publicarea online: linkuri, imagini, formular, mobil, https și verificarea de securitate. Veți ști, de asemenea, cum să recunoașteți o versiune veche în browser și cum să scăpați de ea.

Concepte cheie: rundă de testare, fereastră privată, memoria cache a browserului, reîmprospătare forțată, link mort, verificare de securitate, Verificați acum, pagină de eroare, mesaj de test

De ce testați pe site-ul real

Previzualizarea din editor nu este exact site-ul dumneavoastră. Câteva lucruri funcționează doar pe versiunea publicată:

• formularul de contact trimite e-mailuri doar pe site-ul real și doar dacă site-ul dumneavoastră face parte dintr-un pachet;
• codul propriu din Setări > Integrări nu este executat în previzualizare, dar pe site-ul real da;
• bannerul de cookie-uri și serviciile care se încarcă abia după consimțământ le vedeți funcționând cu adevărat doar pe site;
• https, redirecționarea de la http la https și de la www la adresa principală (lecția 5.2) există doar pe domeniul dumneavoastră real.

De aceea, după fiecare lansare și după fiecare modificare importantă, faceți o rundă de testare pe adresa reală. Durează un sfert de oră și evită ca primul client care sună să fie cel care descoperă greșeala.

Mai întâi: vedeți într-adevăr cea mai nouă versiune?

Browserul dumneavoastră păstrează o vreme paginile, fotografiile și aspectul, în memoria cache a browserului. Acest lucru face site-ul rapid, dar din această cauză, după Publicați modificările, uneori vedeți încă versiunea veche. De aceea, testați astfel:

• deschideți site-ul într-o fereastră privată (incognito); aceasta pornește fără pagini salvate;
• sau faceți o reîmprospătare forțată: Ctrl+F5 pe Windows, Cmd+Shift+R pe un Mac;
• testați și pe telefon, de preferat prin date mobile în loc de wifi.

Dacă în fereastra privată vedeți versiunea nouă, iar în fereastra obișnuită pe cea veche, site-ul dumneavoastră nu are nicio problemă. Dacă și fereastra privată arată versiunea veche, verificați în editor dacă ați publicat într-adevăr: dacă în dreapta sus apare încă Publicați modificările și tocmai ați modificat ceva, ultima versiune nu este încă online.

Runda de testare, pas cu pas

Schildersbedrijf Example testează astfel, într-o fereastră privată:

1. Toate paginile din meniu. Faceți clic pe fiecare element din meniu, inclusiv pe cele dintr-un submeniu. Se deschide fiecare pagină, cu titlul corect în partea de sus?
2. Toate butoanele și linkurile. Faceți clic pe fiecare buton: „Solicitați o ofertă”, „Sunați-ne”, linkurile din subsol. Duce fiecare buton la pagina sau secțiunea corectă? Linkurile către numărul de telefon și adresa de e-mail deschid aplicația de telefon sau programul de e-mail.
3. Linkuri către alte site-uri. Pagina de Facebook, o marcă de calitate, indicațiile de traseu: funcționează și deschid pagina corectă?
4. Imagini. Se încarcă fiecare fotografie, inclusiv cele mai de jos pe paginile lungi? Dacă lipsește una, vedeți un spațiu gol.
5. Formularul, cu adevărat. Completați formularul de contact cu o altă adresă de-a dumneavoastră. Ajunge mesajul la adresa de la Trimiteți mesajele la și apare textul sau pagina de mulțumire? Consultați lecția 5.3 pentru detalii.
6. Mobil. Deschideți site-ul pe telefon. Se deschide meniul, sunt butoanele suficient de mari pentru a fi atinse, nu iese niciun text din ecran? În editor puteți verifica dinainte cu Mobil din bara de sus, dar propriul telefon este testul real.
7. https și adresa. Tastați http://example.com și www.example.com. Ajungeți în ambele cazuri la aceeași adresă cu https și un lacăt?
8. O pagină care nu există. Tastați o adresă precum https://example.com/bestaat-niet. Astfel vedeți ce primește un vizitator care urmează un link vechi sau greșit. Dacă pe propriul site există încă un link către o astfel de adresă, corectați-l.
9. Bannerul de cookie-uri și widgeturile. Dacă folosiți servicii ale altor furnizori (o hartă, un videoclip sau statistici), apare bannerul și se încarcă harta abia după consimțământ (lecția 7.2)?
10. A doua limbă. Dacă aveți o a doua limbă, funcționează selectorul de limbă și apar textele noi și în acea limbă?

Notați ce găsiți. Rezolvați problema în editor, publicați cu Publicați modificările și apoi testați din nou doar acel punct.

Verificarea de securitate din editor

Editorul are propria verificare, în panoul Securitate din bara de instrumente din stânga. Faceți clic pe Verificați acum. În aproximativ jumătate de minut, editorul verifică tot ce vine din exterior: linkurile de pe site, widgeturile și integrările, codul propriu și bannerul de cookie-uri. Linkurile sunt chiar accesate.

Primiți o listă De verificat, de exemplu:

• „Linkul nu mai funcționează (404): ...” un link mort, adesea către o pagină a altui site care s-a mutat;
• „Link nesigur fără https: ...” un link care începe cu http://; înlocuiți-l cu versiunea https;
• „Linkul nu a putut fi verificat automat (site-ul blochează acest lucru): ...” aceasta nu este o eroare: unele site-uri resping verificările automate; deschideți singur un astfel de link;
• „Mesajele din formularul dumneavoastră ajung la ..., nu la adresa de e-mail a contului. Este corect?” o întrebare, nu o eroare.

La un punct apare adesea un buton, precum Întrebați AI-ul sau Editați widgetul. Verificarea este gratuită și o puteți face de cel mult 3 ori pe oră. Ea nu înlocuiește propria rundă de testare: nu verifică dacă fotografiile arată bine sau dacă formularul ajunge la destinație.

Capcane

• Testarea în previzualizare în loc de site-ul real. Acolo nu vedeți formularul și codul propriu funcționând cu adevărat.
• Testarea doar pe propriul calculator. Acolo browserul este obișnuit cu versiunea veche și adesea sunteți încă autentificat la diverse servicii. O fereastră privată și telefonul sunt mai obiective.
• Verificarea unui link extern o singură dată și apoi niciodată. Alte site-uri se schimbă. Rulați din când în când din nou verificarea de securitate.
• Uitarea mesajelor de test. Spuneți colegilor care citesc și ei căsuța de e-mail că vor sosi mesaje de test.
• Concluzii pripite după o modificare DNS. Dacă pe un dispozitiv vedeți site-ul nou și pe altul cel vechi, cauza este adesea încă DNS-ul (lecția 5.2), nu o eroare în editor.

În editor: iată cum procedați

1. Publicați ultima versiune cu Publicați modificările.
2. Deschideți site-ul într-o fereastră privată și parcurgeți cei zece pași de mai sus.
3. Deschideți în editor panoul Securitate și faceți clic pe Verificați acum.
4. Rezolvați fiecare punct sau decideți în mod conștient că este în regulă.
5. Publicați corecturile și testați din nou elementele modificate.

Rezumat

• Testați pe site-ul real: formularul, codul propriu, https și bannerul de cookie-uri funcționează cu adevărat doar acolo.
• Folosiți o fereastră privată sau o reîmprospătare forțată, ca să fiți sigur că vedeți cea mai nouă versiune.
• Verificați meniul, butoanele, linkurile, imaginile, formularul, versiunea mobilă, https, pagina de eroare, bannerul de cookie-uri și a doua limbă.
• Panoul Securitate cu Verificați acum găsește linkurile moarte și nesigure și verifică widgeturile și codul propriu, gratuit și de cel mult 3 ori pe oră.
• După fiecare corectură: publicați și testați din nou acel punct.

Test

Exercițiu

Exercițiul A5.4: Toate linkurile și imaginile funcționează. Introduceți adresa web a site-ului dumneavoastră AI Builder, adresa gratuită sau propriul domeniu. Programul citește harta site-ului (sitemap), vizitează toate paginile incluse în ea așa cum ar face un vizitator și verifică:

• dacă fiecare pagină este accesibilă;
• dacă toate linkurile către alte pagini ale propriului site funcționează;
• dacă toate imaginile de pe acele pagini se încarcă;
• dacă http:// redirecționează către https://.

Pentru fiecare rând vedeți verde, portocaliu sau roșu, cu pagina și linkul sau imaginea care nu funcționează. Programul face cel mult 25 de cereri per verificare, deci la un site mare nu verifică totul; propria rundă de testare rămâne necesară. Dacă primiți roșu, rezolvați problema în editor, publicați cu Publicați modificările și verificați din nou.

Resurse suplimentare

• Curs gratuit Vizibilitate online 5.3: Testare, întreținere și ce nu este permis
• Curs gratuit Vizibilitate online 4.1: https și o redirecționare corectă
• Redirecționați obligatoriu vizitatorii către https
• Curs gratuit de DNS 6.2: "Propagarea": de ce unii o văd deja, iar alții nu