Dopo settimane nel builder succede una cosa curiosa: smetti di vedere il sito come lo vedrà una persona nuova. Conosci già ogni pulsante, completi mentalmente i titoli e passi sopra a quel margine storto perché ormai fa parte della famiglia.

L’ultima parte della guida è dedicata all’audit di un sito Divi 5. Controlleremo grafica, funzioni, responsive, accessibilità, SEO, prestazioni e passaggi di lancio. Non serve aggiungere effetti: serve togliere errori, incoerenze e dubbi.

Se stai preparando il tuo primo progetto con Divi, trovi nella pagina il collegamento dedicato. Prima dell’audit, però, fai una pausa. Tornare sul sito con occhi meno abituati è uno strumento sorprendentemente tecnico.

Passare dalla modalità costruttore alla modalità revisore

Apri il sito come visitatore, preferibilmente in una finestra anonima. Segui i percorsi principali senza usare scorciatoie da amministratore: homepage, servizi, articoli, contatto, acquisto o iscrizione. Annota problemi e domande senza correggere subito, così distingui sintomi ricorrenti da incidenti isolati.

Controlla coerenza di titoli, pulsanti, colori, bordi, immagini e spaziature. Cerca valori locali che hanno scavalcato preset e variabili. Se lo stesso difetto compare in molti punti, correggi il sistema; se riguarda un solo contesto, documenta l’eccezione.

Prova anche contenuti scomodi. Titoli lunghi, immagini mancanti, articoli senza estratto e form con errori mostrano se la struttura regge davvero. Confronta template e pagine reali nel Theme Builder di Divi 5, non soltanto nel canvas di progettazione.

Rileggi il sito anche senza immagini, quando possibile, e controlla che i testi mantengano senso e gerarchia. Verifica favicon, logo, colori del browser e condivisioni social. Confronta poi componenti simili fianco a fianco: due pulsanti che sembrano corretti in pagine diverse possono rivelare differenze di padding, bordo o peso tipografico appena li osservi nello stesso contesto.

Verificare funzioni, link e moduli

Clicca menu, logo, breadcrumb, pulsanti, link nel footer e collegamenti esterni. Controlla pagine 404, ricerca, archivi, paginazione e filtri. Invia ogni form con dati validi e non validi, verifica messaggi di conferma, recapito email, consenso privacy e protezione antispam.

Prova popup, Canvas e Interactions dopo aver cancellato cookie e cache locale. Controlla trigger, chiusura e frequenza di riapparizione. Su ecommerce o aree riservate esegui i percorsi essenziali con un account di prova: carrello, checkout, login, recupero password e pagine account.

Non dare per scontato che un link interno corretto nel builder sia corretto sul dominio pubblico. Verifica redirect, HTTPS e assenza di destinazioni provvisorie. Una checklist ordinata è meno emozionante di una nuova animazione, ma tende a salvare più lanci.

Controllare responsive, accessibilità e SEO

Ripeti i percorsi su desktop, tablet e telefono. Usa l’Editor Responsive di Divi 5 per le correzioni, ma conferma poi nel browser e su dispositivi reali. Controlla orientamento, zoom, menu mobile, elementi sticky, popup e tastiera virtuale.

Naviga con tastiera: il focus deve essere visibile, l’ordine comprensibile e ogni funzione raggiungibile. Verifica gerarchia dei titoli, testi alternativi, etichette dei form e contrasto. Aggiungi attributi ARIA soltanto quando l’HTML nativo non comunica già ruolo o nome.

Per la SEO controlla un solo H1 per pagina, title e description, URL canonici, sitemap, indicizzazione e dati social. Verifica che immagini e pagine importanti non siano ancora in noindex. Rileggi anche i testi: chiarezza e coerenza non si possono delegare a una spunta verde.

Ricontrolla che colori, spaziature e tipografia provengano dalle variabili di design e dai preset previsti. Ridurre gli override non è soltanto pulizia: rende più semplice correggere velocemente un contrasto insufficiente o una dimensione tipografica poco leggibile in tutto il sito.

Prestazioni, backup e pubblicazione

Misura le pagine principali e individua gli elementi più pesanti: immagini sovradimensionate, video caricati subito, font e script non necessari. Comprimi i media, usa formati moderni, limita animazioni costose e abilita le opzioni di performance dopo aver verificato che non rompano layout o interazioni.

Prima del lancio crea un backup completo di file e database e prova che sia recuperabile. Se lavori su staging, pianifica migrazione, sostituzione URL, cache, DNS e certificato HTTPS. Evita di improvvisare questi passaggi negli ultimi dieci minuti, specialmente il venerdì sera. I server percepiscono la paura.

Dopo la pubblicazione ripeti un controllo rapido: homepage, contatti, form, analytics, Search Console, 404 e funzioni principali. Monitora errori e comportamento per alcuni giorni. Il lancio non chiude la manutenzione; stabilisce semplicemente il momento da cui il sito deve funzionare con persone e contenuti reali.

Con questo passaggio la guida è completa: preparazione, interfaccia, sistema di design, preset, pagine, template, layout, interazioni, contenuti dinamici e lancio. Il risultato utile non è aver usato ogni funzione, ma aver costruito un sito coerente e gestibile nel tempo.

Prepara infine un documento di consegna con accessi, licenze, backup, componenti globali e procedure essenziali. Se il sito viene gestito da altre persone, mostra come aggiornare contenuti senza modificare preset e template. Un progetto è davvero finito quando può essere mantenuto con criterio, non quando soltanto chi lo ha costruito sa dove mettere le mani.

Programma già il primo controllo post-lancio: errori 404, invii dei form, aggiornamenti, backup e pagine più visitate. Non serve fissare un audit gigantesco ogni settimana. Serve invece una routine breve e ripetibile che intercetti i problemi prima che diventino parte stabile del sito. Conserva sempre data, esito e interventi eseguiti, così il controllo successivo parte da uno storico verificabile e utile.

Questo articolo è una rielaborazione originale in italiano basata sull’articolo originale di Elegant Themes, a cui va il credito per il tutorial di partenza.