Testiranje nakon objave

Modul 5: Objava i vlastita domena · Vrijeme čitanja: 9 minuta

Cilj učenja: Nakon ove lekcije moći ćete sustavno testirati svoju stranicu nakon objave: poveznice, slike, obrazac, prikaz na mobitelu, https i sigurnosnu provjeru. Znat ćete i kako u pregledniku prepoznati staru verziju te kako je se riješiti.

Ključni pojmovi: testni krug, privatni prozor, predmemorija preglednika, tvrdo osvježavanje, mrtva poveznica, sigurnosna provjera, Provjerite sada, stranica s pogreškom, testna poruka

Zašto testirati na pravoj stranici

Pregled u alatu za izradu nije posve isto što i Vaša stranica. Neke stvari rade samo na objavljenoj verziji:

• Vaš kontaktni obrazac šalje e-poštu samo na pravoj stranici, i to samo ako Vaša stranica pripada nekom paketu;
• vlastiti kod iz Postavke > Povezivanja ne izvršava se u pregledu, ali na Vašoj pravoj stranici da;
• traku s obaviješću o kolačićima i usluge koje se učitavaju tek nakon privole vidjet ćete kako zaista rade tek na svojoj stranici;
• https, preusmjeravanje s http na https i s www na glavnu adresu (lekcija 5.2) postoje samo na Vašoj pravoj domeni.

Zato nakon svake objave, i nakon svake veće izmjene, provedite testni krug na pravoj adresi. To traje petnaestak minuta i sprječava da pogrešku pronađe prvi klijent koji Vas nazove.

Najprije: vidite li zaista najnoviju verziju?

Vaš preglednik neko vrijeme čuva stranice, fotografije i oblikovanje, a to se zove predmemorija preglednika (cache). Zbog toga se Vaša stranica brže učitava, ali nakon Objavite izmjene ponekad još vidite staru verziju. Zato testirajte ovako:

• otvorite stranicu u privatnom prozoru (anonimni način); on se otvara bez spremljenih stranica;
• ili napravite tvrdo osvježavanje: Ctrl+F5 na Windowsu, Cmd+Shift+R na Macu;
• testirajte i na svom mobitelu, po mogućnosti putem mobilnih podataka umjesto Wi-Fi mreže.

Ako u privatnom prozoru vidite novu verziju, a u običnom prozoru staru, s Vašom stranicom je sve u redu. Ako i privatni prozor prikazuje staru verziju, provjerite u alatu za izradu jeste li izmjene zaista objavili: ako gore desno još piše Objavite izmjene, a upravo ste nešto promijenili, Vaša posljednja verzija još nije objavljena.

Testni krug, korak po korak

Schildersbedrijf Example testira ovako, u privatnom prozoru:

1. Sve stranice putem izbornika. Kliknite svaku stavku izbornika, i one u podizborniku. Otvara li se svaka stranica, s ispravnim naslovom na vrhu?
2. Svi gumbi i poveznice. Kliknite svaki gumb: "Zatražite ponudu", "Nazovite nas", poveznice u podnožju. Vodi li svaki gumb na pravu stranicu ili sekciju? Poveznice na Vaš broj telefona i adresu e-pošte otvaraju telefon ili program za e-poštu.
3. Poveznice na druge stranice. Vaša Facebook stranica, oznaka kvalitete, upute za dolazak: rade li i otvaraju li pravu stranicu?
4. Slike. Učitava li se svaka fotografija, i ona niže na dugim stranicama? Ako neka nedostaje, vidjet ćete prazno polje.
5. Obrazac, uistinu. Ispunite kontaktni obrazac s nekom drugom svojom adresom. Stiže li poruka na adresu navedenu pod Šaljite poruke na i pojavljuje li se tekst zahvale ili stranica zahvale? Pojedinosti potražite u lekciji 5.3.
6. Mobitel. Otvorite stranicu na svom mobitelu. Otvara li se izbornik, jesu li gumbi dovoljno veliki za dodir, ne izlazi li tekst izvan zaslona? U alatu za izradu to možete unaprijed pogledati putem Mobitel u gornjoj traci, ali pravi je test Vaš vlastiti mobitel.
7. https i adresa. Upišite http://example.com i www.example.com. Završavate li u oba slučaja na istoj adresi s https i lokotom?
8. Stranica koja ne postoji. Upišite adresu poput https://example.com/bestaat-niet. Tako vidite što dobiva posjetitelj koji slijedi staru ili pogrešnu poveznicu. Ako na Vašoj stranici još postoji poveznica na takvu adresu, ispravite je.
9. Traka s obaviješću o kolačićima i widgeti. Ako koristite usluge drugih pružatelja (kartu, videozapis ili statistiku), pojavljuje li se traka i učitava li se karta tek nakon privole (lekcija 7.2)?
10. Drugi jezik. Ako imate drugi jezik, radi li birač jezika i postoje li novi tekstovi i na tom jeziku?

Zapišite što ste pronašli. Riješite to u alatu za izradu, objavite putem Objavite izmjene i zatim ponovno testirajte samo tu stavku.

Sigurnosna provjera u alatu za izradu

Alat za izradu ima vlastitu provjeru, u ploči Sigurnost na alatnoj traci lijevo. Kliknite Provjerite sada. Za otprilike pola minute alat pregledava sve što dolazi izvana: poveznice na Vašoj stranici, widgete i povezivanja, Vaš vlastiti kod i traku s obaviješću o kolačićima. Poveznice zaista posjećuje.

Dobit ćete popis Za provjeru, na primjer:

• "Poveznica više ne radi (404): ..." to je mrtva poveznica, često na stranicu drugog web mjesta koja je premještena;
• "Nesigurna poveznica bez https: ..." poveznica koja počinje s http://; zamijenite je verzijom s https;
• "Poveznicu nije bilo moguće automatski provjeriti (stranica to blokira): ..." to nije pogreška: neke stranice odbijaju automatske provjere; takvu poveznicu kliknite sami;
• "Poruke s Vašeg obrasca idu na ..., a ne na adresu e-pošte Vašeg računa. Je li to točno?" to je pitanje, a ne pogreška.

Uz stavku se često nalazi gumb, poput Pitajte AI ili Uredite widget. Provjera je besplatna i možete je pokrenuti najviše 3 puta na sat. Ona ne zamjenjuje Vaš vlastiti testni krug: ne provjerava jesu li fotografije lijepo postavljene ni stiže li poruka s obrasca.

Zamke

• Testiranje u pregledu umjesto na pravoj stranici. Obrazac i vlastiti kod tamo ne možete vidjeti kako zaista rade.
• Testiranje samo na vlastitom računalu. Tamo je Vaš preglednik naviknut na staru verziju, a često ste još prijavljeni u usluge. Privatni prozor i mobitel daju vjerniju sliku.
• Vanjsku poveznicu provjeriti jednom i nikad više. Druge stranice se mijenjaju. Povremeno ponovno pokrenite sigurnosnu provjeru.
• Zaboraviti na testne poruke. Recite kolegama koji također čitaju pretinac e-pošte da će stizati testne poruke.
• Prebrzo donošenje zaključaka nakon izmjene DNS-a. Ako na jednom uređaju vidite novu stranicu, a na drugom staru, uzrok je često još DNS (lekcija 5.2), a ne pogreška u alatu za izradu.

U alatu za izradu: kako to napraviti

1. Objavite svoju posljednju verziju putem Objavite izmjene.
2. Otvorite stranicu u privatnom prozoru i prođite kroz deset gore navedenih koraka.
3. U alatu za izradu otvorite ploču Sigurnost i kliknite Provjerite sada.
4. Riješite svaku stavku ili svjesno odlučite da je u redu.
5. Objavite rješenja i ponovno testirajte izmijenjene dijelove.

Sažetak

• Testirajte na pravoj stranici: obrazac, vlastiti kod, https i traka s obaviješću o kolačićima zaista rade samo tamo.
• Koristite privatni prozor ili tvrdo osvježavanje kako biste sigurno vidjeli najnoviju verziju.
• Provjerite izbornik, gumbe, poveznice, slike, obrazac, prikaz na mobitelu, https, stranicu s pogreškom, traku s obaviješću o kolačićima i drugi jezik.
• Ploča Sigurnost s gumbom Provjerite sada pronalazi mrtve i nesigurne poveznice te pregledava widgete i vlastiti kod, besplatno i najviše 3 puta na sat.
• Nakon svakog rješenja: objavite i ponovno testirajte tu stavku.

Kviz

Zadatak

Zadatak A5.4: Sve poveznice i slike rade. Upišite web adresu svoje stranice izrađene pomoću AI Buildera, besplatnu adresu ili svoju vlastitu domenu. Program čita kartu stranice (sitemap) Vaše stranice, posjećuje sve stranice navedene u njoj kao što bi to učinio posjetitelj i provjerava:

• je li svaka stranica dostupna;
• rade li sve poveznice na druge stranice Vašeg web mjesta;
• učitavaju li se sve slike na tim stranicama;
• preusmjerava li http:// na https://.

Za svaki redak vidjet ćete zeleno, narančasto ili crveno, sa stranicom i poveznicom ili slikom koja ne radi. Program po provjeri šalje najviše 25 zahtjeva, pa kod velike stranice ne provjerava sve; Vaš vlastiti testni krug i dalje je potreban. Ako dobijete crveno, riješite to u alatu za izradu, objavite putem Objavite izmjene i ponovno provjerite.

Dodatno štivo

• Besplatan tečaj Vidljivost na internetu 5.3: Testiranje, održavanje i što nije dopušteno
• Besplatan tečaj Vidljivost na internetu 4.1: https i dobro preusmjeravanje
• Obavezno preusmjerite posjetitelje na https
• Besplatni DNS tečaj 6.2: 'Propagacija': zašto jedni to već vide, a drugi ne