Restyling del sito e SEO: come rinnovare il sito senza perdere traffico

La SEO nel restyling del sito consiste nel proteggere i posizionamenti mentre cambiano template, design, navigazione, contenuti o CMS. Questa guida riguarda i restyling che mantengono lo stesso dominio. Se cambiano il dominio o la maggior parte degli URL, il progetto diventa una migrazione: seguite la nostra checklist di migrazione SEO e la guida di Google sui trasferimenti di sito con modifica degli URL, che avverte di fluttuazioni temporanee del ranking.

Il restyling di un sito influisce sulla SEO?

Sì, ogni volta. Google e gli assistenti di IA che leggono il web giudicano le pagine da ciò che trovano nell'HTML: testo, titoli, intestazioni, link, dati strutturati, velocità. Un restyling modifica una parte o tutti questi segnali, quindi i motori di ricerca rivalutano le pagine. L'effetto può essere positivo (pagine più veloci, struttura più chiara, contenuti migliori) o negativo (pagine più povere, link persi). Il risultato dipende da quanti segnali di ranking i nuovi template conservano.

Perché un sito perde traffico dopo un restyling?

Le cause si ripetono da un progetto all'altro. Ognuna ha un controllo semplice:

Due di questi rischi meritano un'attenzione particolare. Il primo è JavaScript: Google esegue il rendering delle pagine con un Chromium headless, ma la sua documentazione sulla SEO per JavaScript precisa che scopre solo i link scritti come normali elementi di ancoraggio con attributo href. Menu costruiti con pulsanti o gestori di clic nascondono intere sezioni. La nostra guida alla SEO per JavaScript descrive le opzioni di rendering. Il secondo è la velocità: le indicazioni di Google sui Core Web Vitals fissano le soglie «buone» a un LCP di 2,5 secondi o meno, un INP di 200 millisecondi o meno e un CLS di 0,1 o meno, misurati al 75° percentile delle visite. Video pesanti in apertura e slider sono il motivo più comune per cui un nuovo template non le rispetta.

Prima del restyling: cosa preparare?

1. Scansionare il sito attuale e archiviarlo

Eseguite una scansione completa del sito online ed esportate ogni URL indicizzabile con title, meta description, H1, numero di parole, canonical, codice di stato e numero di link interni ricevuti. Questa scansione è il vostro punto di riferimento: dopo il lancio confronterete il nuovo sito con essa, riga per riga. Salvate anche i dati strutturati e il file robots.txt.

2. Elencare le pagine che portano valore

Esportate da 12 a 16 mesi di dati di Search Console (clic e impressioni per pagina e per query), le pagine che ricevono backlink e quelle che convertono. Queste pagine sono intoccabili: mantenete URL, testo principale e title, oppure migliorateli in modo deliberato. Un audit dei contenuti aiuta a decidere cosa tenere, accorpare o eliminare, e assegna un URL di destinazione a ogni eliminazione.

3. Mantenere gli URL o mappare ogni redirect

Il restyling più sicuro mantiene tutti gli URL. Quando un URL deve cambiare, collegatelo alla nuova pagina più vicina con un redirect 301, senza catene e senza mandare tutto alla home page. La nostra guida ai redirect SEO ne spiega le regole. Google consiglia di mantenere i redirect per almeno un anno.

4. Scrivere un brief SEO per designer e sviluppatori

I designer decidono dove va il testo; gli sviluppatori decidono come viene servito. Date loro requisiti scritti: un H1 per template, il testo servito nell'HTML, menu scansionabili, breadcrumb, l'architettura del sito con la profondità di ogni sezione, lo schema da mantenere e il budget di prestazioni. Contano anche leggibilità e navigazione: vedete la nostra guida a UX e SEO.

5. Scegliere la data di lancio e il piano di ritorno

Evitate di lanciare durante l'alta stagione, prima delle ferie o di venerdì: i primi giorni dopo il lancio sono quelli in cui si trovano gli errori, e qualcuno deve essere disponibile per correggerli. Mettete per iscritto chi controlla cosa il giorno del lancio e decidete in anticipo quale segnale fa scattare il ritorno alla versione precedente (per esempio pagine chiave in errore o sparite dall'indice). Tenete il vecchio sito su un server di backup per qualche settimana, così da ripristinare in fretta un template o un blocco di testo se una pagina perde posizioni.

Durante il progetto: come testare in staging?

Mettete il nuovo sito su un ambiente di staging protetto da password (o almeno da una regola noindex), così Google non indicizza un duplicato del vostro sito. Poi testate prima del lancio:

1. Scansionate lo staging e confrontatelo con il riferimento: pagine mancanti, titoli cambiati, contenuti più corti, meno link interni.
2. Testate ogni redirect partendo dall'elenco dei vecchi URL. Un controllo dei redirect in blocco mostra catene, loop e 404.
3. Confrontate HTML grezzo e renderizzato su ogni template: testo principale e link devono essere nel codice sorgente.
4. Misurate la velocità da mobile per i cinque o sei template principali.
5. Controllate gli elementi on-page template per template: un audit SEO on-page o l'estensione Chrome gratuita di Sorank segnala in pochi secondi title mancanti, H1 duplicati e testi alternativi assenti.

Dopo il lancio: cosa controllare e quando?

Un controllo dei link rotti individua i link che puntano ancora a vecchi URL in menu, footer e articoli. Correggete quei link alla fonte invece di affidarvi ai redirect, e ripristinate la struttura dei link interni persa quando sono state tolte barre laterali o blocchi di articoli correlati. Qualche fluttuazione nelle prime settimane è normale. Un calo che dura oltre un mese su un gruppo di pagine indica una causa precisa: confrontate quelle pagine con la loro versione di riferimento.

Come incide un restyling sulla visibilità nelle risposte delle IA?

ChatGPT, Claude, Perplexity e Gemini citano pagine di cui possono leggere ed estrarre il contenuto. Un restyling può interrompere questo accesso in modi che Google perdonerebbe. Un'analisi di Vercel sul traffico dei crawler di IA (dicembre 2024) ha rilevato che nessuno dei grandi crawler di IA, tra cui GPTBot e ClaudeBot, esegue il rendering di JavaScript. Una pagina che mostra il testo solo dopo l'esecuzione di JavaScript è invisibile per la maggior parte dei crawler di IA.

• Servite il contenuto principale nell'HTML (rendering lato server o generazione statica).
• Mantenete passaggi autonomi: un'intestazione seguita da una risposta diretta, definizioni, elenchi e tabelle sono ciò che gli assistenti di IA citano.
• Controllate robots.txt: un nuovo CMS o un firewall può bloccare GPTBot, ClaudeBot o PerplexityBot senza che nessuno se ne accorga.
• Misurate le citazioni prima e dopo: annotate quali prompt citano il vostro marchio prima del lancio, poi confrontate. Il monitoraggio delle menzioni nelle IA di Sorank segue gli stessi prompt su ChatGPT, Claude e Gemini nel tempo, e mostra se il rilancio ha cambiato la vostra presenza.

Conviene combinare il restyling con altri cambiamenti?

Ogni cambiamento in più rende più difficile diagnosticare un calo. Se prevedete anche un cambio di dominio, una nuova struttura degli URL o un'ampia riscrittura dei contenuti, separateli: lanciate il restyling con URL e contenuti identici, aspettate che il traffico sia stabile, poi passate al cambiamento successivo. Se il calendario impone tutto insieme, dedicate più tempo alla scansione di riferimento e al piano di redirect, perché sono l'unico modo per trovare ciò che si è rotto.

Un restyling mantiene i posizionamenti quando il nuovo sito porta gli stessi contenuti, link e segnali del vecchio, in una forma più veloce e più chiara. Scansionate prima, testate in staging, confrontate dopo. Quando il nuovo sito è stabile, continuate ad aggiungere pagine che rispondono alle domande dei clienti: Sorank scrive e pubblica articoli SEO e GEO in autopilot sul sito rinnovato.