Come controllare lo stato di salute del tuo sito web dopo la riprogettazione

Il processo di riprogettazione è complesso e coinvolge il lavoro di molte persone e tempo. I designer vogliono rendere il sito bello, gli sviluppatori vogliono codificarlo velocemente e i SEO vogliono che sia ottimizzato: queste tre intenzioni non sempre si completano a vicenda.

La riprogettazione può essere eseguita in numerosi modi: utilizzando CMS, codice personalizzato, framework, page builder, ecc. Ma non tutti i modi sono SEO-friendly, quindi si consiglia di implementare la riprogettazione utilizzando le migliori pratiche SEO. In questo articolo, vedremo come eseguire la riprogettazione del sito Web SEO e i passaggi per verificare lo stato di salute del sito Web al termine.

Quali problemi SEO potrebbero apparire dopo la riprogettazione di un sito web

Se lo sviluppo del sito Web non è guidato dalle migliori pratiche, possono verificarsi molti problemi anche in termini di SEO. Problemi di indicizzazione, pagine rotte, velocità del sito Web, scarsa ottimizzazione dei media, problemi di reattività e altro ancora. Tutti questi problemi avranno sicuramente un impatto sulle classifiche, con conseguente calo del traffico organico.

Controllare il sito Web prima di riprogettare

Un'ottima cosa che puoi fare prima di pubblicare il tuo nuovo design è eseguire un controllo dello stato di salute del sito Web in modo da avere qualcosa con cui confrontarti in seguito. In primo luogo, eseguire la scansione e salvare un elenco di tutte le pagine per convalidarne la presentazione su un nuovo sito. Oltre agli URL, è necessario salvare i dati importanti ad essi associati: meta tag, contenuto, ecc., per verificare che nulla di importante sia andato perso nel sito aggiornato. Raccoglierlo manualmente può essere difficile, soprattutto per i grandi siti Web, ma esiste un modo più semplice: utilizzare il software di controllo automatico dello stato del sito Web. Ad esempio, lo strumento di controllo del sito Web di SE Ranking controlla e salva le statistiche su ogni pagina del tuo sito in modo che tu possa vedere la condizione attuale e la cronologia delle modifiche: puoi confrontare l'intero sito Web o ciascuna pagina con la scansione precedente, che è esattamente ciò che abbiamo bisogno. Utilizzeremo questo strumento per dimostrare il processo mentre controlla un sito Web con oltre 120 criteri contemporaneamente, in modo da avere tutti i dati necessari in un unico posto.

Come controllare lo stato di salute del sito Web e rilevare i problemi dopo la riprogettazione

Il modo migliore per controllare l'integrità del sito dopo aver pubblicato una nuova versione del sito è confrontarla con quella precedente. Per fare ciò, è necessario eseguire due scansioni con il SE Ranking Website Audit: uno prima delle modifiche e uno dopo. Utilizzando queste due scansioni, sarai in grado di assicurarti che le cose importanti siano ancora disponibili e che i vecchi problemi siano stati risolti. Esaminiamolo nel dettaglio.

Problemi di base relativi alla scansione e all'indicizzazione

Dopo la riprogettazione, una delle prime cose da controllare è che tutte le pagine siano accessibili e possano essere reindicizzate su una nuova versione. I principali problemi che influiscono sulla scansione e sull'indicizzazione delle pagine sono:

• Codice di risposta diverso da 200 (1)
  Se non esiste un tale URL su un sito Web, il codice di risposta è 4xx; se la pagina è stata reindirizzata, il codice di risposta è 3xx; se si verifica un errore lato server, il codice di risposta è 5xx. In nessuno di questi casi, una pagina non può essere caricata e mostrata agli utenti, quindi non può essere sottoposta a scansione o aggiunta all'indice di Google: assicurati che tutte le pagine importanti abbiano il codice di risposta 200.
• La pagina è bloccata in robots.txt (2)
• La pagina contiene il tag meta robots "noindex" (3)
• L'URL canonico si riferisce a un'altra pagina (4)

Per convalidare tutti questi problemi contemporaneamente, vai a Controllo del sito Web → Pagine scansionate e scegli le colonne appropriate per visualizzare i problemi di scansione e indicizzazione su un'unica schermata.

Struttura dell'URL

La riprogettazione non riguarda sempre il front-end. A volte influisce anche sulla configurazione del back-end e/o del server. Se ti sposti a un altro CMS o le modifiche influiscono sulla struttura dell'URL, devi assicurarti che i nuovi URL siano gli stessi di quelli vecchi o configurare i reindirizzamenti di conseguenza. In caso contrario, i vecchi URL avranno 404 codici di risposta e le nuove pagine non erediteranno l'attendibilità dalle vecchie pagine poiché verranno trattate come pagine nuove di zecca.

Inoltre, possono verificarsi diversi problemi indipendentemente dal percorso della pagina:

• Taglia alla fine
  ".../example-url" non è la stessa cosa di ".../example-url/". Se l'URL canonico non ha la barra alla fine, visitare l'URL che termina con la barra risulterà in un codice di risposta 404 che non va bene per la SEO. Devi assicurarti che tutti i tuoi nuovi URL finiscano come quelli vecchi o configurare i canonici e i reindirizzamenti di conseguenza.
• HTTP(S)
  Come il problema precedente, anche l'abilitazione/disabilitazione delle connessioni SSL influisce sulla struttura dell'URL e può causare seri problemi se configurata in modo errato.
• www
  “www.example.com” non è uguale a “example.com”. Questo prefisso era comunemente usato nei primi tempi del World Wide Web per indicare che una risorsa Web doveva essere accessibile pubblicamente.
  Tecnicamente parlando, "www". è un sottodominio e Google tratta il sottodominio come un dominio diverso anziché come una cartella. Se stai tentando di accedere a un dominio o sottodominio che non è configurato correttamente, riceverai l'errore e quindi cercherai i bot. Per evitare tali problemi, assicurati di impostare i reindirizzamenti o di aggiungere i tag rel=canonical che puntano alla versione preferita del tuo sito web.

Meta tags

Quando pubblichi una nuova versione di un sito web, devi assicurarti che tutti i meta tag ottimizzati delle vecchie pagine siano presenti. In caso contrario, titoli e descrizioni mancanti o errati possono comportare un calo significativo delle classifiche e del traffico. Per verificare lo stato di salute di un sito Web e verificare che non ci siano pagine con meta tag mancanti o errati, vai alle sezioni Titolo e Descrizione nel Rapporto sui problemi dell'audit del sito Web.

Per assicurarti che i meta titoli e le descrizioni siano gli stessi di prima della riprogettazione, utilizza il rapporto Pagine scansionate e abilita le colonne corrispondenti. Quindi, confrontali con ciò che era prima della riprogettazione.

Contenuto

Se più pagine hanno lo stesso contenuto, Google avrà difficoltà a capire quale pagina dovrebbe visualizzare nella SERP, con conseguente calo della classifica per tutte le pagine duplicate.

Può essere difficile confrontare i contenuti, soprattutto se hai un grande sito web. La buona notizia è che è possibile rilevare automaticamente tali problemi.

Pagine duplicate

Le pagine duplicate sono pagine con contenuto identico. A volte possono essere difficili da trovare perché possono avere URL diversi, ma esiste un parametro che può aiutarti a identificarli. L'abilitazione della colonna "Hash del contenuto" visualizzerà l'hash univoco del contenuto della pagina, un equivalente crittografico del contenuto. Se l'hash è lo stesso per due pagine, significa che sono identiche al 100%: esamina queste occorrenze e lascia solo una copia di una pagina.

Meta tags

Un altro scenario di duplicazione è rappresentato dai meta tag identici. Il titolo e la meta descrizione hanno un impatto significativo quando un motore di ricerca valuta la pertinenza di una pagina. Non confondere Google con pagine con meta tag identici perché nessuno di essi sarà classificato in alto.

Per trovare quelle pagine, abilita le colonne "Titolo duplicato" e "Descrizione duplicata" nel rapporto Pagine scansionate dello strumento di controllo del sito web o vai alla sezione corrispondente nel rapporto Problemi.

Intestazioni H1

Simile ai meta tag, il titolo di una pagina ha la priorità sugli altri (sotto)intestazioni quando un motore di ricerca determina di cosa tratta la pagina. Devi assicurarti che nessuna delle tue pagine abbia H1 identici, in modo che non si plagino a vicenda. Come per il controllo dei meta tag, abilita la colonna "Duplica H1" nel rapporto.

Vitali Web principali

Se stai implementando un nuovo design, dovresti essere sicuro che migliorerà l'esperienza dell'utente; altrimenti, non ha senso farlo. Fortunatamente, Google ha sviluppato Core Web Vitals, una serie di metriche per aiutare gli sviluppatori a valutare la loro UX.

Con SE Ranking, non è necessario controllare ogni pagina in Web.dev o Chrome's Lighthouse poiché il controllo del sito Web controlla tutte le pagine per tutte le metriche di esperienza della pagina necessarie. Diamo un'occhiata attraverso di loro.

La prima cosa da fare è controllare i Core Web Vitals: LCP, FID e CLS. Questi sono tre parametri che riflettono le prestazioni del tuo sito Web in termini di UX:

1. Il più grande Contentful Paint indica la velocità con cui verrà stampata la prima finestra nel browser dell'utente. Questa metrica è strettamente collegata alla velocità di caricamento del sito Web, di cui parleremo tra pochi secondi.
2. First Input Delay misura la velocità con cui gli utenti possono interagire con la pagina (ad esempio, fare clic su collegamenti, pulsanti). Questo parametro è anche correlato alla velocità del sito.
3. Lo spostamento cumulativo del layout indica quanto è stabile il tuo contenuto durante il caricamento: è molto fastidioso quando gli elementi del contenuto cambiano dimensione e posizione durante il caricamento della pagina.

Queste informazioni sono disponibili nella dashboard Panoramica o nella sezione Report problema -> Performance. Il bello è che questo rapporto si basa sui dati di utenti reali e sui test dell'ambiente di laboratorio. Questo è un punto di partenza per ogni ulteriore ottimizzazione.

Velocità del sito web

2 su 3 Core Web Vital sono correlati al tempo di caricamento. Non solo, ma le statistiche dicono che un terzo degli utenti non aspetterà più di 3 secondi per il caricamento di una pagina. Pertanto, è corretto affermare che la velocità del sito Web è un parametro fondamentale per quanto riguarda l'esperienza dell'utente. Vediamo come SE Ranking può aiutarti a identificare e risolvere i problemi relativi al tempo di caricamento.

HTML

Poiché tutte le pagine Web sono scritte in HTML, è la prima cosa che devi convalidare dopo la riprogettazione. I problemi sono piuttosto basilari, ma sono fondamentali per ulteriori modifiche. A questo proposito, devi assicurarti che le dimensioni dell'HTML non siano troppo grandi per escludere grandi dimensioni del DOM poiché può essere difficile da renderizzare, con un impatto sul tempo di caricamento complessivo. Inoltre, assicurati che il tuo HTML sia compresso e memorizzato nella cache per ridurre al minimo le dimensioni del documento e il tempo di elaborazione del back-end.

JS e CSS

Il web moderno è intrecciato con JavaScript e CSS. Queste tecnologie aiutano a creare splendidi siti Web con funzionalità agili. Tuttavia, a volte, queste funzionalità possono danneggiare le prestazioni del sito, quindi è importante verificare se le risorse sono ottimizzate durante la distribuzione di un nuovo design.

Le tecniche di ottimizzazione per i file JS e CSS sono simili:

1. Minimizzazione
   Escludi tutti i commenti, interruzioni di riga, spazi extra, ecc. - lascia solo i caratteri che contano.
2. Combinando
   Cerca di servire il minor numero di file possibile (idealmente, un JS e un CSS per pagina). Ogni richiesta di file richiede tempo perché il server risponda e il browser lo scarichi: un singolo file è un modo molto più conveniente per farlo.
3. Memorizzazione nella cache
   Abilitare la memorizzazione nella cache lato server significa che i tuoi file non verranno generati da zero ogni volta che un utente richiede la pagina; verranno invece servite le copie salvate. Ciò elimina molto carico non necessario dai server e migliora i tempi di caricamento.

Ecco alcuni consigli generali:

• Evita di usare framework e temi
  I framework JS e CSS premade possono farti risparmiare tempo, ma spesso non sono realizzati pensando all'ottimizzazione della velocità. Hanno molte funzionalità che non ti servono e tutte quelle funzionalità extra potrebbero essere troppo pesanti per essere caricate.
• Fai attenzione a unire i file JS
  Se si verifica un singolo errore nel file JS, qualsiasi altra funzione all'interno del file potrebbe non funzionare. Pertanto, se si dispone di un singolo file JS, è possibile che tutte le funzioni smettano di funzionare. Potrebbe essere una decisione intelligente creare file separati per le funzionalità principali e la bellezza del front-end.

immagini

Per quanto riguarda la SEO, anche l'ottimizzazione delle immagini è fondamentale:

1. Le immagini dovrebbero avere un testo alternativo, in modo che i motori di ricerca e le persone che utilizzano lettori di schermo possano capire di cosa tratta l'immagine: assicurati che tutte le immagini abbiano un testo alternativo significativo dopo la riprogettazione.
2. Dimensione dell'immagine
   La procedura ottimale consiste nel pubblicare l'immagine con una risoluzione uguale al contenitore padre. Tuttavia, è quasi impossibile creare copie di immagini per adattarsi a tutti i contenitori possibili a causa del design reattivo in cui i contenitori possono cambiare le loro dimensioni. Quello che puoi fare è creare diverse varianti dell'immagine (es. dimensione originale, larghezza 300px, larghezza 100px) da utilizzare in diversi punti del sito. Ad esempio, l'immagine in evidenza sull'articolo dovrebbe essere nella dimensione originale, mentre è meglio utilizzare un'immagine più piccola di larghezza 300px o inferiore per la miniatura nella pagina dell'archivio.
3. Compressione dell'immagine
   La compressione di un'immagine è il processo di riduzione del numero di colori univoci utilizzati in un'immagine. Una compressione moderata difficilmente sarà vista dall'occhio umano, ma può far risparmiare fino al 30% della dimensione del file: è molto, soprattutto considerando che le immagini hanno una dimensione del file grande rispetto ad altre risorse della pagina.

Design reattivo

È obbligatorio verificare la presenza di problemi di ottimizzazione per dispositivi mobili poiché la maggior parte del traffico proviene da dispositivi mobili e Google è passato all'indicizzazione mobile-first. La classifica SE copre anche questo.

Passando alla categoria Ottimizzazione per dispositivi mobili nel rapporto Problemi, sarai in grado di verificare che il tuo sito web sia allineato ai principi fondamentali del design reattivo.

Avvolgendo

La riprogettazione è un processo complicato, soprattutto considerando che un sito riprogettato deve essere ottimizzato SEO. Il modo migliore per realizzarlo è tenere a mente SEO 2e e pratiche di performance.

Una volta pubblicate le modifiche, è necessario verificare se tutto è a posto: è qui che entrano in gioco gli strumenti di controllo dello stato del sito web. Per essere sicuro che il tuo nuovo sito sia migliore o che nulla sia stato violato in termini di SEO e prestazioni, devi confrontarlo con la sua versione precedente. SE Ranking fa esattamente ciò di cui hai bisogno: scansiona, controlla e archivia i dati di audit del sito Web in modo da poter monitorare e confrontare facilmente i risultati in base alle date. L'utilizzo di tali audit consente di confrontare e migliorare la salute del sito Web dopo la riprogettazione.