Testare il sito dopo la pubblicazione

Modulo 5: Pubblicare il sito e il Suo dominio · Tempo di lettura: 9 minuti

Obiettivo della lezione: Dopo questa lezione saprà testare il Suo sito in modo sistematico dopo la pubblicazione: link, immagini, modulo, mobile, https e controllo di sicurezza. Saprà anche come riconoscere una versione vecchia nel browser e come eliminarla.

Concetti chiave: giro di test, finestra privata, cache del browser, aggiornamento forzato, link non funzionante, controllo di sicurezza, Controlla ora, pagina di errore, messaggio di prova

Perché testare sul sito vero

L'anteprima nell'editor non è esattamente il Suo sito. Alcune cose funzionano solo sulla versione pubblicata:

• il Suo modulo di contatto invia e-mail solo sul sito vero, e solo se il sito fa parte di un pacchetto;
• il codice personalizzato inserito in Impostazioni > Integrazioni non viene eseguito nell'anteprima, sul sito vero sì;
• il banner dei cookie e i servizi che si caricano solo dopo il consenso li vede funzionare davvero solo sul Suo sito;
• l'https, il reindirizzamento da http a https e da www all'indirizzo principale (lezione 5.2) esistono solo sul Suo dominio vero.

Per questo, dopo ogni pubblicazione e dopo ogni modifica importante, conviene fare un giro di test sull'indirizzo vero. Richiede un quarto d'ora ed evita che sia il primo cliente che chiama a scoprire l'errore.

Prima di tutto: vede davvero la versione più recente?

Il Suo browser conserva per un certo tempo pagine, foto e layout: è la cache del browser. Questo rende il sito veloce, ma dopo Pubblica modifiche può capitare di vedere ancora la versione vecchia. Per questo conviene testare così:

• apra il Suo sito in una finestra privata (in incognito), che parte senza pagine salvate;
• oppure esegua un aggiornamento forzato: Ctrl+F5 su Windows, Cmd+Shift+R su un Mac;
• provi anche dal telefono, preferibilmente con la rete dati mobile invece del wifi.

Se nella finestra privata vede la versione nuova e nella finestra normale quella vecchia, il Suo sito non ha alcun problema. Se anche la finestra privata mostra la versione vecchia, controlli nell'editor di aver davvero pubblicato: se in alto a destra c'è ancora Pubblica modifiche e ha appena modificato qualcosa, la Sua ultima versione non è ancora online.

Il giro di test, passo dopo passo

Schildersbedrijf Example fa il test così, in una finestra privata:

1. Tutte le pagine dal menu. Clicchi ogni voce del menu, anche quelle di un sottomenu. Si apre ogni pagina, con il titolo giusto in alto?
2. Tutti i pulsanti e i link. Clicchi ogni pulsante: "Richiedere un preventivo", "Chiamare", i link nel piè di pagina. Ogni pulsante porta alla pagina o alla sezione giusta? I link al Suo numero di telefono e al Suo indirizzo e-mail aprono il telefono o il programma di posta.
3. Link ad altri siti. La Sua pagina Facebook, un marchio di qualità, le indicazioni stradali: funzionano e aprono la pagina giusta?
4. Immagini. Si carica ogni foto, anche più in basso nelle pagine lunghe? Se ne manca una, vedrà uno spazio vuoto.
5. Il modulo, per davvero. Compili il modulo di contatto con un altro Suo indirizzo. Il messaggio arriva all'indirizzo indicato in Invia i messaggi a, e compare il testo o la pagina di ringraziamento? Per i dettagli veda la lezione 5.3.
6. Mobile. Apra il sito sul Suo telefono. Il menu si apre, i pulsanti sono abbastanza grandi da toccare, nessun testo esce dallo schermo? Nell'editor può già dare un'occhiata in anticipo con Mobile nella barra in alto, ma il Suo telefono è il vero test.
7. https e l'indirizzo. Digiti http://example.com e www.example.com. In entrambi i casi arriva allo stesso indirizzo con https e un lucchetto?
8. Una pagina che non esiste. Digiti un indirizzo come https://example.com/bestaat-niet. Così vede che cosa ottiene un visitatore che segue un link vecchio o sbagliato. Se sul Suo sito c'è ancora un link a un indirizzo simile, lo corregga.
9. Banner dei cookie e widget. Se usa servizi di terzi (una mappa, un video o statistiche), compare il banner e la mappa si carica solo dopo il consenso (lezione 7.2)?
10. Seconda lingua. Se ha una seconda lingua, il selettore della lingua funziona e i nuovi testi ci sono anche in quella lingua?

Annoti ciò che trova. Lo corregga nell'editor, lo pubblichi con Pubblica modifiche e poi testi di nuovo solo quel punto.

Il controllo di sicurezza nell'editor

L'editor ha un proprio controllo, nel pannello Sicurezza della barra degli strumenti a sinistra. Clicchi su Controlla ora. In circa mezzo minuto l'editor esamina tutto ciò che proviene dall'esterno: i link del Suo sito, widget e integrazioni, il Suo codice personalizzato e il banner dei cookie. Visita davvero i link.

Riceve un elenco Da verificare, per esempio:

• "Il link non funziona più (404): ..." un link non funzionante, spesso verso una pagina di un altro sito che è stata spostata;
• "Link non sicuro senza https: ..." un link che inizia con http://; lo sostituisca con la versione https;
• "Non è stato possibile controllare il link automaticamente (il sito lo blocca): ..." non è un errore: alcuni siti respingono i controlli automatici; clicchi Lei stesso quel link;
• "I messaggi del Suo modulo vanno a ..., non all'indirizzo e-mail del Suo account. È corretto?" una domanda, non un errore.

Accanto a un punto c'è spesso un pulsante, come Chiedi all'IA o Modifica widget. Il controllo è gratuito e si può eseguire al massimo 3 volte all'ora. Non sostituisce il Suo giro di test: non verifica se le foto stanno bene o se il modulo arriva.

Errori frequenti

• Testare nell'anteprima invece che sul sito vero. Lì non vede funzionare davvero il modulo e il codice personalizzato.
• Testare solo sul proprio computer. Lì il browser è abituato alla versione vecchia e spesso Lei è ancora connesso ai servizi. Una finestra privata e il telefono sono più affidabili.
• Controllare un link esterno una volta e poi mai più. Gli altri siti cambiano. Ripeta ogni tanto il controllo di sicurezza.
• Dimenticare i messaggi di prova. Avvisi i colleghi che leggono anche loro la casella di posta che arriveranno messaggi di prova.
• Trarre conclusioni troppo in fretta dopo una modifica DNS. Se su un dispositivo vede il sito nuovo e su un altro quello vecchio, spesso è ancora il DNS (lezione 5.2), non un errore dell'editor.

Nell'editor: come si fa

1. Pubblichi la Sua ultima versione con Pubblica modifiche.
2. Apra il Suo sito in una finestra privata e segua i dieci passaggi qui sopra.
3. Nell'editor apra il pannello Sicurezza e clicchi su Controlla ora.
4. Risolva ogni punto, oppure decida consapevolmente che va bene così.
5. Pubblichi le correzioni e testi di nuovo le parti modificate.

Riepilogo

• Testi sul Suo sito vero: il modulo, il codice personalizzato, l'https e il banner dei cookie funzionano davvero solo lì.
• Usi una finestra privata o un aggiornamento forzato, così è sicuro di vedere la versione più recente.
• Controlli menu, pulsanti, link, immagini, modulo, mobile, https, pagina di errore, banner dei cookie e seconda lingua.
• Il pannello Sicurezza con Controlla ora trova link non funzionanti e non sicuri ed esamina widget e codice personalizzato, gratis e al massimo 3 volte all'ora.
• Dopo ogni correzione: pubblicare e testare di nuovo quel punto.

Quiz

Esercizio

Esercizio A5.4: Tutti i link e le immagini funzionano. Inserisca l'indirizzo web del Suo sito creato con l'AI Builder, l'indirizzo gratuito o il Suo dominio. Il programma legge la sitemap del Suo sito, visita tutte le pagine che contiene come farebbe un visitatore e controlla:

• se ogni pagina è raggiungibile;
• se funzionano tutti i link verso altre pagine del Suo sito;
• se tutte le immagini di quelle pagine si caricano;
• se http:// reindirizza a https://.

Per ogni riga vede verde, arancione o rosso, con la pagina e il link o l'immagine che non funziona. Il programma esegue al massimo 25 richieste per controllo, quindi su un sito grande non verifica tutto: il Suo giro di test resta necessario. Se ottiene un rosso, lo corregga nell'editor, pubblichi con Pubblica modifiche e controlli di nuovo.

Per approfondire

• Corso gratuito Farsi trovare online 5.3: Test, manutenzione e ciò che non è consentito
• Corso gratuito Farsi trovare online 4.1: https e un buon reindirizzamento
• Reindirizzare obbligatoriamente i visitatori a https
• Corso gratuito DNS 6.2: La "propagazione": perché qualcuno la vede già e qualcun altro no