Come eseguire i test di garanzia della qualità (QA) sul tuo nuovo sito web

I siti Web, come i prodotti software e i videogiochi, richiedono molti test. Errori, bug e bit rotti sono garantiti per far funzionare i tuoi potenziali clienti. Quindi, oggi stiamo esaminando come prevenire questi problemi quando si avvia un nuovo sito Web.

Guarda il webinar

Questo articolo è basato su un webinar che abbiamo condotto con l'esperto di controllo qualità, Brian Borg, fondatore e CEO di OnPath Testing. OnPath Testing sono nostri clienti e partner che ci aiutano a eseguire test di controllo qualità quando lanciamo nuovi siti web. Brian è un esperto di test software e un buon uovo.

Puoi guardare la registrazione originale qui:

Cos'è il controllo qualità?

Il test QA verifica la funzionalità di un sito Web (o di qualsiasi altro software).

Per i siti Web, i tester del controllo qualità si concentrano innanzitutto sulla funzionalità, ma anche sull'usabilità del design, sulle prestazioni, sulla sicurezza e sulla conformità.

Come decidere cosa testare

Il test richiede una comprensione molto premurosa e metodica del tuo sito Web e dei tuoi utenti. Devi fare un passo indietro e pensarci da una prospettiva di 10.000 piedi.

Porsi domande da ogni tipo di angolazione. Chi potrebbe venire sul nostro sito web? da dove vengono? Quale geografia? Su quali dispositivi potrebbero guardarlo? Quali browser? Quali sistemi operativi? Cosa fa il tuo sito web quando qualcuno interagisce con esso? E se compilano un modulo? Ti aspetti un'e-mail nella tua casella di posta? Ti aspetti un messaggio di ringraziamento sulla pagina?

Fai un piano di prova

Per eseguire questi test, crea un piano di test con casi di test granulari, che è essenzialmente un elenco di controllo glorificato. Ti mantiene onesto, assicurandoti di non perdere nulla di importante. Idealmente, questo vivrà in uno strumento SDLC (Software Development Lifecycle). Ma potresti tenere traccia dei test su qualcosa come Excel:

Nell'esempio sopra si vede che stiamo esaminando domini e funzionalità. I casi di test lungo il lato sinistro, quindi i browser, i sistemi operativi e i dispositivi in ​​alto. Questo modo di tracciare i test significa che puoi ricontrollare le correzioni (test di regressione) e riferire sulle metriche di test alle principali parti interessate.

Il punto è che la comunicazione è chiara e inequivocabile. In questo modo, le correzioni possono essere efficaci.

Strumenti di test del QA

Prova alcuni di questi strumenti per il monitoraggio e la gestione dei test (usiamo Notion in Articulate, ma il tuo chilometraggio può variare).

• Jira
• Prova su rotaia
• Bugzilla
• Trello
• Collegamento di prova
• Nozione

Tutto merito di Brian per la metà di cui sopra di questo blog. Ora, alcuni spunti dall'esperienza di Articulate nella creazione di siti Web per i clienti.

8 cose comuni che devi testare sul tuo sito web

1. Lorem ipsum

Scrittori e designer in genere utilizzano la copia segnaposto "Lorem ipsum" quando creano un sito Web. Quindi, si dimenticano di sostituirlo. Esegui una ricerca approfondita per verificare la presenza di eventuali frammenti persistenti di lorem ipsum.

2. Pagine mancanti

Punta di cappello a GitHub per l'immagine.

Se non esegui correttamente il reindirizzamento dal tuo vecchio sito a un nuovo sito mappando gli URL delle pagine, otterrai collegamenti interrotti e pagine mancanti. Il reindirizzamento dell'URL è una parte davvero importante del lancio di un nuovo sito Web per noi. Abbiamo visto più casi di collegamenti interrotti nei menu. Molto spesso, il collegamento del menu è collegato a una pagina di test di sviluppo a causa del modo in cui è stato codificato.

3. Errori SSL

Google penalizzerà un sito che presenta errori SSL. È probabile che non lo noterai a meno che tu non lo stia testando.

Uno dei problemi con i siti HubSpot è che, nella maggior parte dei casi, non è possibile ospitare un sito Web HubSpot su un dominio Apex nativo. Ciò significa che non puoi avere il codice HTTPS su articulatemarketing.com; deve essere www.articulatemarketing.com. In questo caso, devi fare un reindirizzamento dal dominio apex al sottodominio www. Se il reindirizzamento non è impostato correttamente, non verrà crittografato e attiverà un errore SSL.

4. Immagini grasse

Il tuo designer carica un file grafico da 16 megabyte. Potresti metterlo su un cartellone pubblicitario. Non ha posto sul tuo sito web. Invece, cerca di assicurarti che le tue immagini siano inferiori a 300 kilobyte e attieniti a JPEG o, ancora meglio, SVG.

Se sei su HubSpot puoi usare la nostra app, Fizz+Ginger, per comprimere le immagini.

5. Nascosto da Google

Non pubblicare il tuo sito su Google è sorprendentemente comune. È molto raro che rilevi il sito web di un cliente che ha già un elenco di Google Search Console. Se questo ti ha appena fatto bruciare le orecchie, vai qui per conoscere le mappe del sito.

Inoltre, a volte prendiamo il controllo di siti che hanno robots.txt che bloccano pagine importanti dai motori di ricerca. Potresti voler rimuovere la visibilità su determinate pagine. Tuttavia, se è configurato in modo errato, stai nascondendo le pagine che desideri che le persone possano trovare su Google.

Suggerimento: se stai sviluppando un sito WordPress, fai attenzione a non tenere selezionata l'opzione "Scoraggio ai motori di ricerca dall'indicizzare questo sito" dopo l'avvio.

6. Compatibilità del browser

Questo era un problema più grande di quello che è oggi. Internet Explorer è spesso il colpevole della non compatibilità con gli standard del settore. Come regola generale, se stai utilizzando comodamente una versione moderna di Chrome o Safari, probabilmente stai bene su altri browser, ma vale comunque la pena testarlo. Non cercare di adattarsi a browser molto obsoleti. Non vale la pena.

7. Reattività mobile

Circa un terzo del nostro traffico proviene da dispositivi mobili. Più della metà del traffico Internet sul Web è mobile. Google esegue l'indicizzazione mobile-first. Il mobile è il futuro, insomma.

Inizia eseguendo il test ottimizzato per dispositivi mobili di Google, ma non fermarti qui. Controlla una gamma di dispositivi e dimensioni dello schermo per cose come menu a discesa e popup.

Suggerimento: AMP (Accelerated Mobile Pages) è un modo per rendere le tue pagine velocissime sui dispositivi mobili, ma perdi molto il controllo su visibilità, formattazione, design e layout. Tuttavia, è probabilmente una buona idea attivarlo se stai riscontrando un calo del traffico a causa dei recenti aggiornamenti dell'algoritmo di Google.

8. Moduli che non vanno da nessuna parte

Verifica che tutti i moduli vadano a qualcuno, in particolare i moduli della pagina di contatto. Il software CRM di HubSpot registrerà i riempimenti dei moduli, ma spetta a te impostare un sistema di notifica in modo che le persone nella tua azienda sappiano che qualcuno sta cercando di mettersi in contatto.

Una nota finale

Siamo un'agenzia di marketing basata sui dati e orientata ai dettagli, quindi ci piacciono piuttosto i rigorosi principi dei test di QA.

Parla con OnPath Testing per i servizi di test o parla con uno dei nostri consulenti se hai bisogno di un nuovo sito web.

Vi lasciamo con questo pensiero:

"Il test è un processo infinito di confrontare l'invisibile con l'ambiguo per evitare che l'impensabile accada all'anonimo".

— Giacomo Bach