Restyling riuscito non si misura dal prima/dopo estetico. Deve conservare pagine, dati e comportamenti utili, ridurre attrito e migliorare percorso di business.
Se problema non è ancora delimitato, serve audit sito web. Questa guida parte dopo diagnosi.
Restyling, rebuild o migrazione
| Intervento | Cosa cambia | Quando |
|---|---|---|
| Restyling | UI e componenti | Struttura, CMS e URL validi |
| Rebuild | Codice e template | Debito tecnico blocca evoluzione |
| Migrazione | Dominio, CMS o URL | Piattaforma o struttura cambiano |
Non nascondere rebuild dietro parola restyling. Se cambiano CMS, modello dati e molte URL, usa piano di migrazione sito web.
Inventario prima del mockup
Esporta URL, title, H1, canonical, status, query, link, conversioni, asset e proprietario. Classifica: conservare, aggiornare, consolidare, ritirare o creare.
Non cancellare una pagina perché sembra vecchia. Controlla backlink, campagne, bookmark, obblighi e integrazioni. Contenuto che risolve intento può essere riprogettato senza perdere nucleo informativo.
Baseline tecnica e commerciale
Salva periodo comparabile: impression, click, query, sorgenti, completamento form, errori, Core Web Vitals, Lighthouse e test tastiera/focus. Annota stagionalità e modifiche recenti.
Dato basso non dimostra causa. Se CTR cala mentre impression crescono, potrebbe essere espansione a query e posizioni più lontane, non penalizzazione.
Design system prima delle pagine
Definisci token di colore, font, spazio, raggio e motion. Poi componenti con stati hover, focus, disabled, loading, errore e successo. Correzione sul componente condiviso evita rincorsa su ogni pagina.
WCAG 2.2 include criteri su focus, target size, autenticazione e inserimenti ridondanti. Accessibilità va provata durante progettazione, non aggiunta a fine progetto.
Preserva segnali SEO utili
- Mantieni URL se non deve cambiare.
- Se cambia, mappa uno-a-uno.
- Configura redirect permanente.
- Aggiorna canonical, link, sitemap e hreflang.
- Conserva contenuto che soddisfa intento.
- Testa status e monitora vecchia e nuova URL.
Google consiglia di cambiare una cosa alla volta quando possibile. Cambi importanti possono causare fluttuazioni durante nuovo crawl e indicizzazione: nessuno può garantire posizione invariata.
Performance: budget prima del design
- Peso massimo hero e immagini.
- Font e varianti necessari.
- JavaScript per interazione.
- Budget LCP, INP e CLS.
- Numero e costo terze parti.
Prenota dimensioni asset, usa formati moderni, evita autoplay pesante e carica funzioni non critiche dopo interazione. Misura template mobile e desktop, non solo home.
Contenuti e conversione
Primo viewport deve chiarire per chi, problema, risultato, prova e passo successivo. Mantieni linguaggio cliente e rimuovi claim non dimostrati.
Testa percorso intero: CTA, campi, errori, privacy, invio e conferma. Analytics deve distinguere vista, avvio, errore e completamento.
Rilascio progressivo e rollback
Preview resta non indicizzabile. Prima del go-live verifica URL, metadata, canonical, schema, link, form, tracking, focus, reflow, performance, console, backup e rollback.
Dopo rilascio controlla log, uptime, eventi e Search Console. Evita altre modifiche immediate se devi attribuire anomalia.
Cosa deve includere il preventivo
Confronta inventario, UX research, architettura, design system, componenti, contenuti, accessibilità, performance, SEO, analytics, QA, rilascio e osservazione post-live. Ogni voce deve avere deliverable, owner, esclusioni e criterio di accettazione.
Per costo primo anno e ricorrenti consulta quanto costa un sito web professionale. Per responsabilità diretta vedi sviluppatore siti web freelance.
Domande frequenti
Quando conviene fare il restyling di un sito web?
Quando struttura, CMS e URL sono ancora validi ma interfaccia, contenuti o componenti non sostengono più utenti e obiettivi. Serve una baseline prima della scelta.
Restyling e rifacimento completo sono la stessa cosa?
No. Il restyling riusa fondamenta valide. Il rifacimento sostituisce codice o architettura. Se cambiano dominio, CMS o molte URL, serve anche un piano di migrazione.
Il restyling può far perdere posizionamento SEO?
Può creare fluttuazioni se cambia contenuto, linking, metadata, performance o URL. Inventario, redirect corretti, test e monitoraggio riducono il rischio ma non garantiscono posizioni.
Cosa deve includere un preventivo di restyling?
Perimetro, pagine, componenti, contenuti, accessibilità, performance, SEO, tracking, QA, rilascio, responsabilità, esclusioni e criteri misurabili di accettazione.
Fonti verificate
Rinnova con una baseline, non a intuito
Invia URL, obiettivo, dati disponibili e vincoli. Valutiamo cosa conservare, cosa rifare e come misurare il rilascio.
Contenuto tecnico pubblicato e verificato il 30/08/2026. Standard e documentazione possono cambiare: controlla fonti applicabili prima del rilascio.