Come riprogettare il tuo sito WordPress (e mantenere il tuo SEO)

La riprogettazione del sito Web può essere sia eccitante che stimolante per le aziende. Non c'è piccola speranza per la riprogettazione, eppure questa è un'impresa monumentale. Una riprogettazione può risolvere i tuoi problemi esistenti dandoti la possibilità di rimuovere un sito e ricostruirlo di nuovo.

Prendilo da qualcuno che ha fatto molte ricostruzioni di WordPress : ne vale la pena ma sicuramente richiede un po 'di lavoro.

Perché riprogettare il tuo sito web?

È necessaria una riprogettazione quando il tuo sito si sente bloccato. Questo è disponibile in molte forme diverse, ma qui ci sono alcune che giustificano un grande cambiamento:

Se stavi annuendo la testa sì a uno di questi, una riprogettazione potrebbe essere nel tuo miglior interesse.

Passaggi per riprogettare un sito WordPress

C'è un processo infallibile per qualsiasi riprogettazione del sito Web. Ma, non sorprende, ti consigliamo di iniziare con un piano.

1. Pianifica le tue esigenze di riprogettazione

L'impostazione degli obiettivi è una parte importante di una riprogettazione del sito Web. È un progetto troppo grande per fluttuare senza meta. Pensa a ciò che vuoi realizzare realisticamente.

Gli obiettivi comuni per una riprogettazione del sito Web includono spesso cose come:

• I punteggi di migliore web core di base (siti più veloci sono migliori per tutti)
• Tassi di conversione migliorati (che si tratti di invio di moduli, acquisti di prodotti o qualsiasi altra azione chiave sul tuo sito)
• Il miglioramento del coinvolgimento degli utenti, misurato da cose come il tempo di permanenza e le velocità di rimbalzo
• Creazione di un sistema di progettazione scalabile che semplifica la creazione di contenuti futuri
• Aggiunta di nuove funzionalità per migliorare l'esperienza dell'utente (come le recensioni dei clienti, il checkout più veloce, il modo migliore per mostrare video o una navigazione più facile)

Alcuni di questi obiettivi, come i punteggi di base del tuo Web Vitali o i tassi di conversione, sono facilmente misurabili monitorando le metriche. Altri, come creare un sistema di progettazione migliore, potrebbero essere più sul raggiungimento di un certo sentimento o livello di efficienza. L'importante è assicurarsi che i tuoi obiettivi siano ben definiti e scritti prima di iniziare.

2. Creare un sito di stadiazione

Non lavorare mai su un sito dal vivo. Imposta invece un sito di staging. Usa i tuoi strumenti di hosting per clonare il tuo sito WordPress. Se non lo fai, rischi di rompere il tuo sito Web mentre i visitatori cercano ancora di accedervi. Inoltre, un sito di staging elimina la pressione mantenendo il tuo sito Web attuale. Inoltre, non consiglio di utilizzare una pagina sotto la costruzione su un sito live a meno che il sito originale non sia negativo. Aspetta solo che il sito riprogettato sia pronto.

SiteGround offre uno dei modi più semplici per creare un sito di gestione temporanea dal tuo sito Web esistente.

Un sito di staging è un clone del tuo sito Web che "vive" su un URL temporaneo. È completamente separato dal tuo sito live, quindi non vi è alcuna interferenza tra i due.

Sul tuo sito di gestione temporanea, ti consigliamo di deindicerlo temporaneamente in modo che Google non se ne accorga fino a quando non lo spingi come sito in diretta. Per fare ciò, vai a "Impostazioni> Lettura ", quindi controlla la casella che dice: " Scoraggia i motori di ricerca dall'indicizzazione di questo sito ". Confonderai Google se lo lasci indicizzare il tuo sito di staging oltre al tuo sito in tempo reale.

3. Preservare SEO e dettagli tecnici

Una riprogettazione può influire sul tuo SEO. I motori di ricerca creano i loro indici in base alla struttura del sito esistente. Cambiare troppo farà cadere Google le pagine dal suo indice e ricominciare il processo. Ecco perché ti consiglio di condurre un audit completo del tuo sito esistente. Utilizzare Google Search Console per identificare pagine ad alte prestazioni, errori di scansione e classifiche di parole chiave. L'esportazione di questi dati ti aiuterà a stabilire parametri di riferimento per confrontare il tuo sito riprogettato e impedirti di cambiare troppo i fondamenti del tuo sito Web.

Assicurati di fare ciascuno di questi per ogni riprogettazione:

1. Preservare gli URL esistenti. Tieni traccia di ogni pagina e post sul tuo sito Web, comprese le pagine costruite da CMS (pensa per le tassonomie e le pagine del negozio). Mi piace avere un foglio di calcolo di tutti questi. Puoi guardare i tuoi sitemap per il 95% delle pagine del tuo sito.
2. Imposta 301 reindirizzamenti per qualsiasi pagine con un cambiamento URL (molto importante: alcuni plugin lo faranno automaticamente).
3. Per quanto riguarda i 301, mantieni intatti i reindirizzamenti precedenti. Potresti anche voler ripulire tutti i 301 necessari (404s non sono cattivi, ma usa un 301 se una pagina si muove).
4. Migra i tag del titolo e le meta descrizioni. Puoi cambiarli, ma certamente non vuoi perderli se non lo fai.
5. Mantieni qualsiasi schema aggiuntivo utilizzato nelle tue pagine (più di quanto creato per impostazione predefinita dal plug -in SEO). È un dolore ricreare lo schema quando hai semplicemente dimenticato di salvarlo (usa anche il foglio di calcolo per questo).
6. Mantieni intatta la struttura dell'intestazione perché i motori di ricerca la usano per il contesto. Puoi apportare modifiche ai contenuti, ma sappi solo che potrebbero influire sul tuo SEO precedente.

SEO è spesso un ripensamento con riprogettazioni. Mentre SEO può essere una delle ultime cose per cui ottimizzi un nuovo sito Web (entro motivo), dovrebbe essere una delle prime cose a cui pensi su una riprogettazione . Se il tuo sito Web esistente ottiene il traffico attuale, non vuoi tornare indietro (o più).

4. Usa Divi per la riprogettazione di WordPress

Mentre cambiare un tema può cambiare drasticamente un sito Web, la buona notizia è che tutti i tuoi media e CPT rimangono intatti. Le tue immagini e video caricati avranno lo stesso percorso URL di tutti i tipi di post personalizzati che hai creato (anche se dovranno essere ricostruiti loop di query e gli elementi on-page e la tua paginazione). Questo dovrebbe darti più fiducia con una riprogettazione perché non stai iniziando da zero.

Ora, hai centinaia di opzioni quando scegli un tema per una riprogettazione di WordPress. Tuttavia, non c'è niente di meglio per la progettazione effettiva di un sito Web di Divi. Non ho visto un costruttore di pagine per WordPress dare agli utenti tante opzioni di progettazione (indipendentemente dal fatto che siano o meno un principiante o qualcuno molto competente in CSS).

Divi è una macchina di design e se ti impegni davvero in una riprogettazione , ti suggerisco di non scegliere uno strumento che ti spingerà in un altro collo di bottiglia di design . Innanzitutto, Divi è uno strumento di progettazione. Ciò significa che ha tutte le funzionalità e le funzioni necessarie per ricostruire il tuo nuovo sito Web.

Se hai bisogno di un po 'più di aiuto, Divi ha siti di avviamento progettati dal nostro team di web designer professionisti. Potresti anche utilizzare il nostro costruttore di siti Web provato e vero per qualcosa di più personalizzato. La parte migliore di entrambe le opzioni è che ogni design è conforme a Divi, il che significa che tutto è modificabile nell'editore di Divi.

Con un budget limitato? Divi è in realtà tra gli strumenti di web design più convenienti sul mercato. Ottieni uno strumento di progettazione a tutti gli effetti, Cloud Storage, Ai Assistant, VIP Support (e più di quanto sono disposto a riempire questa frase) per $ 7,42 al mese.

Ottieni Divi per la tua riprogettazione

5. Progetta le tue pagine e i tuoi modelli

Inizia impostando i colori e i caratteri globali . Puoi stabilire la tua tavolozza di colori primari e gli abbinamenti di caratteri direttamente all'interno delle opzioni del tema Divi o del personalizzatore del tema WordPress.

Quindi, inizia a lavorare con il sistema preimpostazione di Divi. I preset creano stili di progettazione riutilizzabili per tutti gli elementi del sito Web comuni. Pensa a cose come pulsanti, intestazioni, diversi stili di testo, campi da forma e così via. I preset sono cruciali per garantire la coerenza del design in tutto il sito. Comincio con una pagina con elementi che so che userò in tutto il sito, mi piace iniziare con la loro homepage per questo.

Quindi, lavora sui modelli di intestazione e piè di pagina usando il costruttore di temi di Divi. Crea modelli di intestazione e piè di pagina globali che verranno applicati in tutto il tuo sito Web (o in sezioni specifiche, se necessario). Inoltre, crea tutti i modelli di pagina dinamica necessari. I modelli di pagina dinamici vengono utilizzati per il contenuto applicato automaticamente a un modello (come i post del blog, le pagine di archivio di categoria e le pagine del prodotto).

Dopo questo, trovo meglio finire progettando pagine statiche core. Inizia con le tue pagine statiche più critiche, come la tua homepage, la pagina, la pagina di contatto, la pagina dei servizi, ecc. Mentre progetti queste pagine, applica i tuoi stili e preset globali per mantenere la coerenza visiva. Concentrati sulla creazione di layout chiari con efficaci inviti alle azioni su ogni pagina.

6. Ottimizza il tuo sito per le prestazioni

Non manterrò questo punto poiché puoi leggere in modo approfondito sul miglioramento del tuo punteggio di velocità della pagina di Google e quali plugin dovresti utilizzare per l'ottimizzazione della velocità. Ma ecco le cose che avrei su una delle mie riprogettazioni completate:

Divi

Una versione precedente di Divi 5 Alpha che ha ridotto il tempo di caricamento della pagina di un fattore quattro

Abbiamo già coperto come Divi sia un tema fantastico che non pone limiti alla libertà e al controllo del design. Ma è anche tra i temi WordPress più veloci e performanti sul mercato. Se stai installando Divi per la prima volta durante questa riprogettazione, ti consiglio vivamente di esaminare Divi 5, una versione completamente ricostruita del nostro costruttore di siti Web che è molto, molto più veloce e che ha già più nuove funzionalità della versione precedente di Divi . Se stai riprogettando un negozio WooCommerce, allora la vecchia versione è la soluzione migliore in questo momento, ma nella maggior parte degli altri casi, Divi 5 sarà quello che vuoi usare.

Ottieni Divi per la tua riprogettazione

Cloudflare CDN

CloudFlare è una rete di consegna dei contenuti (CDN) che memorizza e serve le risorse statiche del tuo sito Web sui server in tutto il mondo, riducendo i viaggi di dati a distanza per i tuoi utenti (rendendolo più veloce). Ho spesso usato la versione gratuita per siti Web più piccoli. Tuttavia, il prossimo strumento è ciò che userei per un sito Web che dipendevo dal reddito della mia azienda.

Ottieni CloudFlare

Nitropack

Nitropack è una piattaforma all-in-one per rendere i siti Web molto, molto velocemente. Offre siti Web WordPress Caching intelligente, consegna ottimizzata delle risorse tramite la propria CDN e un'impressionante ottimizzazione delle immagini. Gestisce anche il caricamento e la conversione pigri di immagini in WebP. Con WordPress, stai spesso rattoppando una serie di plugin e strumenti di terze parti, ma Nitropack è davvero uno sportello unico. Concediti questa straordinaria suite di strumenti integrati: mi ringrazierai più tardi.

Ottieni Nitropack

7. Segui una lista di controllo pre-lancio

È lì una lista di controllo pre-lancio in modo da non perdere accidentalmente qualcosa. Ci sono letteralmente centinaia di cose che puoi controllare, ma qui ci sono sei principali categorie di cose da controllare:

• Risolvi tutti i contenuti : controlla gli errori di battitura, errori grammaticali e tutto ciò che richiede un occhio vicino per catturare (mi piace usare l'IA qui per catturare certe cose).
• Revisione delle immagini e dei media : assicurarsi che tutte le immagini e i video vengano visualizzati correttamente e ottimizzati.
• Test mobili : testare ogni pagina su dispositivi mobili e tablet per garantire che il design reattivo funzioni come previsto. Viviamo bene nel 21 ° secolo, quindi assicurati di testare anche i display ultra larghi.
• Test del browser incrociato : testare il tuo sito su browser diversi (Chrome, Firefox, Safari, Edge) per garantire la compatibilità.
• Esegui una scansione del sito : se puoi, utilizzare la versione gratuita di ScreamingFrog per strisciare il tuo sito e vedere se devono essere affrontati errori evidenti pre-lancio.
• Installa analisi : proprio prima del lancio è un ottimo momento per impostare Analytics. Assicurati di impostare eventi di conversione in modo da poter davvero vedere come sta andando il tuo sito riprogettato.

8. Vai a vivere

Il momento della verità è arrivato! Dopo aver rigorosamente testato il tuo sito Web riprogettato sul tuo ambiente di gestione temporanea e sei sicuro della sua stabilità e prestazioni, è tempo di andare in diretta. A questo punto, hai costruito qualcosa che funziona bene, soddisfa i tuoi utenti finali e raggiungerà i tuoi obiettivi aziendali.

Se stai utilizzando Siteground, puoi rendere il tuo sito di gestione temporanea utilizzando i loro strumenti del sito. Proprio come SiteGround ha creato il tuo ambiente di gestione temporanea con un clic, scambierà il sito di stadiazione verso l'ambiente live.

Ci vogliono solo alcuni momenti perché accada. Adoro il modo in cui gestisce il cambiamento dell'URL di stadiazione su tutto il sito nel tuo dominio personalizzato. Questo era un tale dolore, ma ora è davvero senza sforzo.

Riprogettazione di wordpress fatta bene

Sentiamo spesso che gli utenti affermano di voler essere passati a Divi anni in anticipo, in particolare quelli che desiderano un maggiore controllo del design rispetto a quello che offre un tipico tema WordPress. Divi fa riprogettare un WordPress. Il suo costruttore di drag-and-drop , impostazioni di design globale e opzioni di stile avanzate ti consentono di riprogettare il tuo sito Web per riflettere il tuo marchio e gli obiettivi. Non tagliare gli angoli e ottenere un tema WordPress finirai per sostituire un paio d'anni.

Prova Divi

Una volta che hai il tema giusto, concentrati sull'aggiunta di nuove funzionalità al tuo sito Web, mantenendo (e migliorando) il suo SEO e costruzione con velocità e reattività sin dall'inizio.

Fallo andare

Le riprogettazioni sono molto lavoro, ma il modo in cui lo facciamo usando questi strumenti li rende molto più facili. Raccomandiamo uno di questi strumenti di seguito per l'hosting, la progettazione e l'ottimizzazione del tuo sito.