Rigenerare un sito significa ricostruire un progetto, non cambiare una grafica

Quando un cliente ci contatta per rifare il proprio sito web, spesso pensa ad un nuovo layout, a colori più moderni e ad una homepage più accattivante.

La realtà è molto diversa.

Dietro un progetto come il nuovo portale della Scuola Ingegneria & Architettura (SIEA) ci sono settimane di analisi, sviluppo, aggiornamenti, test e ottimizzazioni.

Il risultato finale è un sito completamente nuovo, ma il vero lavoro è tutto quello che l’utente finale non vede.

Il punto di partenza

Siamo partiti da una piattaforma WooCommerce installata diversi anni fa.

Il cuore dell’e-commerce era ancora fermo a:

• WooCommerce 5.0.0
• plugin sviluppati tra il 2019 e il 2021
• numerose estensioni ormai obsolete
• una struttura costruita sulle tecnologie disponibili nel 2020.

Aggiornare un sistema del genere non significa premere il pulsante “Aggiorna”.

Significa verificare uno ad uno decine di componenti, analizzarne la compatibilità e risolvere problemi che inevitabilmente emergono durante il processo.

Ogni plugin deve essere verificato.

Ogni funzione deve continuare a funzionare.

Ogni personalizzazione deve essere ricostruita.

Un nuovo progetto grafico

Abbiamo completamente ridisegnato l’interfaccia.

L’obiettivo non era semplicemente renderla più moderna, ma migliorare l’esperienza di navigazione.

Sono stati ripensati:

• homepage
• menu
• struttura delle categorie
• catalogo corsi
• schede prodotto
• percorsi di navigazione
• versione mobile
• ricerca interna.

Il nuovo layout accompagna l’utente nella ricerca del corso desiderato con un numero inferiore di clic e una migliore leggibilità.

WooCommerce completamente personalizzato

Uno degli interventi più importanti ha riguardato WooCommerce.

Il catalogo non utilizza semplicemente le funzionalità standard.

Abbiamo sviluppato numerose personalizzazioni dedicate al mondo della formazione professionale.

Tra queste:

• gestione avanzata dei corsi;
• personalizzazione delle schede;
• campi dedicati;
• layout dinamici;
• informazioni tecniche organizzate;
• semplificazione dell’inserimento dei nuovi corsi.

Advanced Custom Fields PRO

Per offrire al cliente un pannello semplice da utilizzare abbiamo costruito gran parte della gestione dei contenuti utilizzando Advanced Custom Fields PRO.

Questo permette agli operatori di aggiornare le informazioni senza intervenire sul codice e senza rischiare di compromettere l’impaginazione.

Ogni campo è stato progettato per rispondere ad una specifica esigenza operativa.

Una SEO costruita fin dalle fondamenta

La SEO non è stata affrontata come un’attività successiva.

È stata integrata durante tutto il processo di sviluppo.

Sono stati realizzati interventi riguardanti:

• struttura semantica delle pagine;
• heading ottimizzati;
• URL SEO Friendly;
• immagini ottimizzate;
• linking interno;
• velocità di caricamento;
• Core Web Vitals;
• dati strutturati Schema.org;
• predisposizione ai motori di ricerca basati sull’Intelligenza Artificiale.

Ogni pagina nasce già pronta per essere interpretata correttamente dai motori di ricerca.

L’intero ecosistema Google

Il nuovo sito è stato integrato con tutti gli strumenti fondamentali per il monitoraggio e la crescita.

Tra questi:

• Google Analytics 4
• Google Search Console
• monitoraggio conversioni
• eventi personalizzati
• controllo dell’indicizzazione
• monitoraggio delle performance SEO.

In questo modo il cliente dispone di dati reali per comprendere il comportamento degli utenti e pianificare le attività future.

Performance

Le prestazioni non dipendono solo dalla grafica.

Per questo il progetto è stato sviluppato considerando anche tutta l’infrastruttura.

Il sito sfrutta uno stack moderno basato su:

• LiteSpeed Web Server;
• PHP di ultima generazione;
• cache avanzata;
• ottimizzazione delle immagini;
• riduzione delle richieste HTTP;
• ottimizzazione del database;
• miglioramento dei tempi di risposta.

Un sito veloce migliora l’esperienza dell’utente ed è un fattore sempre più importante anche per il posizionamento SEO.

Decine di personalizzazioni invisibili

Il lavoro più importante è stato quello che nessun visitatore noterà.

Dietro al nuovo portale sono state sviluppate numerose funzionalità dedicate esclusivamente alle esigenze operative di SIEA.

Molti flussi di lavoro sono stati completamente ripensati per ridurre i tempi necessari alla pubblicazione dei corsi e alla gestione quotidiana della piattaforma.

Ogni intervento nasce da un’esigenza concreta del cliente.

Non esistono soluzioni standard.

Esistono soluzioni costruite su misura.

Un progetto costruito insieme al cliente

Come accade in tutti i progetti importanti, il sito si è evoluto durante lo sviluppo.

Nuove esigenze sono emerse strada facendo.

Alcune funzionalità sono state completamente ripensate.

Altre sono nate da confronti continui con il cliente.

È questo che distingue un progetto personalizzato da un semplice template.

Dietro ogni sito ci sono centinaia di decisioni

Quando si osserva il nuovo sito SIEA è facile notare una grafica moderna e una navigazione più semplice.

Quello che non si vede sono le decine di aggiornamenti software, i test di compatibilità, le ottimizzazioni SEO, le personalizzazioni WooCommerce, la progettazione dei flussi operativi, l’integrazione con gli strumenti Google e tutto il lavoro necessario per trasformare una piattaforma del 2020 in un’infrastruttura moderna, performante e pronta ad affrontare gli anni futuri.

Per noi di Web Studio un sito web non è soltanto una vetrina.

È uno strumento di lavoro, progettato per semplificare l’attività del cliente, migliorare la sua presenza online e accompagnarne la crescita nel tempo.

SEO avanzata e dati strutturati

Uno degli interventi più importanti del progetto ha riguardato la SEO tecnica, sviluppata direttamente durante la realizzazione del sito e non come attività successiva.

Oltre all’ottimizzazione dell’architettura delle pagine, abbiamo implementato un sistema avanzato di dati strutturati Schema.org, studiato specificatamente per il settore della formazione.

Ogni corso pubblicato comunica ai motori di ricerca informazioni strutturate come:

• nome del corso;
• descrizione;
• docente (quando previsto);
• organizzatore;
• date di svolgimento;
• modalità di partecipazione;
• prezzo;
• disponibilità;
• immagini;
• collegamenti ufficiali.

L’obiettivo è consentire a Google di comprendere con precisione il contenuto delle pagine, migliorando la qualità dell’indicizzazione e aumentando le possibilità di ottenere risultati arricchiti (Rich Results) nelle SERP.

Abbiamo inoltre predisposto la struttura affinché i dati possano essere validati attraverso gli strumenti ufficiali di Google, garantendo conformità agli standard di Schema.org e facilitando il monitoraggio della qualità dei dati strutturati.

Una piattaforma pronta per il futuro

Il nuovo sito è stato progettato per dialogare correttamente con l’intero ecosistema Google.

L’infrastruttura comprende l’integrazione con:

• Google Analytics 4 per il monitoraggio dettagliato del comportamento degli utenti;
• Google Search Console per il controllo dell’indicizzazione e delle performance SEO;
• Schema.org per i dati strutturati e i Rich Results – GURDA ESEMPIO
• monitoraggio degli eventi e delle conversioni;
• predisposizione per campagne Google Ads e Performance Max.

Non abbiamo realizzato semplicemente un nuovo sito. Abbiamo costruito una piattaforma digitale completa, capace di integrare gestione dei corsi, commercio elettronico, strumenti Google, SEO tecnica, dati strutturati, performance e analisi. Un’infrastruttura moderna progettata per accompagnare la crescita di SIEA negli anni futuri, semplificando il lavoro quotidiano e massimizzando la visibilità online.