Aumenta il tempo di caricamento della pagina di un sito Web Shopify per migliorare la SEO

Aumenta il tempo di caricamento della pagina di un sito Web Shopify per migliorare la SEO

Abbiamo tutti sentito l’idioma “Slow and Steady vince la gara”. Tuttavia, quando si tratta di ottimizzazione dei motori di ricerca, la velocità della pagina e le prestazioni del sito sono fattori chiave per il successo nel mondo dell’e-commerce.

Questa è la realtà: più utenti accedono ai siti o acquistano prodotti dal proprio smartphone e si aspettano che i siti vengano caricati non appena fanno clic su un collegamento ipertestuale. Le pagine web a caricamento lento possono portare a un’elevata frequenza di rimbalzo, un basso coinvolgimento degli utenti, meno traffico e quindi effetti negativi sulle vendite.

Basta controllare questi numeri in base alla ricerca di Google / SOASTA:

Pertanto, è chiaro: il tuo sito web deve caricarsi molto rapidamente per evitare un’elevata frequenza di rimbalzo, un basso coinvolgimento degli utenti e non perdere le opportunità di vendita.

Se gestisci un sito Web di e-commerce Shopify, i seguenti suggerimenti possono aumentare in modo significativo la velocità di caricamento del tuo sito.

1. Analisi delle prestazioni

Ho intenzione di analizzare alcuni modi per analizzare il tuo sito utilizzando strumenti; ovviamente seguire i suggerimenti che vengono dati spesso migliorerà il tuo sito.

Analizza le prestazioni di dispositivi mobili e desktop con PageSpeed ​​Insights

Strumento PageSpeed ​​Insights di Google genera punteggio PageSpeed ​​e suggerimenti PageSpeed ​​per le tue pagine per rendere più veloce il tuo sito web. Lo strumento rivela gli elementi critici per dispositivi mobili e desktop separatamente come:

  • Ottimizza le immagini
  • Minimizza CSS
  • Minimizza JavaScript
  • Elimina JavaScript e CSS che bloccano la visualizzazione nei contenuti above the fold
  • Sfrutta la memorizzazione nella cache del browser e riduci i tempi di risposta del server
  • Evita i reindirizzamenti delle pagine di destinazione
  • Compressione Gzip

Rapporto sulla velocità delle pagine per dispositivi mobili

Rapporto velocità pagina desktop

Google consiglia inoltre di eseguire il tuo sito tramite lo strumento Test My Site, in cui puoi analizzare sia l’ottimizzazione per i dispositivi mobili che la velocità delle pagine sui dispositivi mobili. Vai a Prova il mio sito per provarlo.

Inserisci l’URL del tuo sito web e Google eseguirà la scansione del tuo sito e impiegherà alcuni minuti per valutarlo. Puoi anche ottenere il tuo rapporto gratuito facendo clic sul pulsante “OTTIENI IL MIO GRATUITO” e inserisci l’indirizzo e-mail per i risultati dettagliati.

Velocità del sito web e ottimizzazione delle prestazioni con Gtmetrix

GTmetrix è un altro strumento gratuito che analizza le prestazioni della velocità della tua pagina e classifica le pagine web da A a F e ti dà consigli da affrontare. Con Gtmetrix, facendo clic sulla scheda “cascata”, possiamo vedere il tempo esatto impiegato da ciascuna richiesta per soddisfare.

Monitora la velocità e le prestazioni di un sito web con Pingdom

Pingdom testerà la velocità di caricamento del tuo sito web GRATUITAMENTE e fornirà consigli su come rendere più veloce un sito web.

2. Rendi la tua pagina velocissima con AMP

Accelerated Mobile Pages – o AMP è un framework standard aperto progettato per qualsiasi editore per creare pagine web a caricamento rapido su dispositivi mobili.

Oltre il 50% degli acquirenti acquista da dispositivi mobili, quindi è importante assicurarsi che il tuo sito web sia pronto per i dispositivi mobili e che si carichi rapidamente. Quindi, con la tecnologia AMP (Mobile Accelerated Pages) gli utenti possono accedere rapidamente al tuo sito web sui dispositivi mobili.

In Shopify, puoi generare facilmente pagine AMP per il tuo sito in modo rapido ed efficiente con FireAMP o RocketAmp App. Entrambe queste app hanno una valutazione di oltre quattro stelle sull’App Store di Shopify e migliorano il tempo di caricamento della tua pagina sui dispositivi mobili. Altrimenti, potresti prendere in considerazione la creazione dell’API di Shopify per sviluppare queste pagine AMP.

Puoi creare versioni AMP delle tue pagine di destinazione, per iniziare vai a questo post su Come creare pagine con AMP.

3. Comprimere le immagini

Shopify ti consente di aggiungere i seguenti formati di immagine:

  • JPEG o JPG
  • JPEG progressivo
  • PNG
  • La compressione GIFImage è importante e necessaria per caricare più velocemente le pagine web. Durante l’ottimizzazione delle immagini, assicurati che le tue immagini siano di dimensioni accettabili e non aggiungere troppe immagini su una singola pagina.

Durante la compressione dell’immagine, è necessario tenere presente la qualità dell’immagine.

Per le nuove immagini, puoi utilizzare tinypng.com o tinyjpg.com gratuitamente per ridurre le dimensioni delle tue immagini. Puoi vedere nell’immagine qui sotto; Questo strumento mi ha appena salvato il 71% e 286 KB totali.

Una volta sostituite tutte le immagini con le versioni ottimizzate, il tempo di caricamento della pagina migliora automaticamente.

Per le immagini esistenti su un negozio Shopify, puoi anche utilizzare entrambe Crush.pics o Image Optimizer per comprimere i file di immagine senza alcuna perdita di qualità.

4. Scarica un tema veloce e reattivo per il tuo negozio Shopify

Il fatto è che la velocità del negozio del sito dipende principalmente dal tema del sito, quindi prima di installare un tema è sempre consigliabile controllare quanto segue:

  • Cerca un tema veloce e reattivo.
  • Cerca una copia aggiornata del tuo tema e controlla l’anteprima dal vivo del tema. Esegui la pagina di anteprima del tema tramite Google PageSpeed ​​Insight e guarda i suggerimenti per rendere più veloce quella pagina.

Una volta scelto un tema, ricordati di conservarlo aggiornato.

5. Riduci il numero di app installate

La maggior parte delle app scaricate tramite Shopify aggiunge alcuni file JavaScript / CSS al tuo negozio. Il problema principale è che, se non stai usando l’app, i file JavaScript / CSS sono in esecuzione in background e rallentano le prestazioni del tuo sito.

Quindi, questo è il motivo per cui dovresti passare attraverso il tuo negozio e controllare tutte le app che non stai utilizzando e rimuoverle. Potrebbero esserci alcune app che hai appena provato e che hai dimenticato di eliminare.

6. Ridurre le richieste HTTP

Uso Verifica richieste HTTP strumento di GiftOfSpeed ​​per scoprire quante richieste HTTPS totali fa la tua pagina. Puoi ridurre le richieste HTTP effettuando le seguenti operazioni:

  • Combina e integra i tuoi script CSS.
  • JavaScript più piccoli in linea.
  • Combina tutti i JavaScript.
  • Riduci al minimo l’uso di immagini di design e funzionali.
  • Sprite di immagini CSS.
  • Converti immagini in codice Base64.
  • Limita il numero di pulsanti social.

Vai a questa guida su Come effettuare meno richieste HTTP.

7. Ridurre al minimo i reindirizzamenti e i collegamenti interrotti

Il problema di prestazioni può verificarsi a causa di troppi reindirizzamenti e collegamenti interrotti. Il modo più semplice per ridurre al minimo il numero di reindirizzamenti e collegamenti interrotti? Evita reindirizzamenti non necessari e correggi i collegamenti interrotti.

Per i reindirizzamenti

I reindirizzamenti non necessari creano problemi di prestazioni e velocità e ciò può influire sul tempo di caricamento complessivo del sito Web. In Shopify, puoi applicare reindirizzamenti 301 tramite la funzione di reindirizzamento integrata chiamata “Reindirizzamento URL”.

Per collegamenti interrotti

I collegamenti interrotti sul tuo sito Web possono essere dannosi, il che può aumentare le tue richieste HTTP non necessarie e rendere l’esperienza utente negativa. Per trovare e correggere i collegamenti interrotti nel tuo sito web, utilizzi strumenti gratuiti come Controllo collegamenti interrotti e Xenu.

8. Organizza tutto il tuo codice di monitoraggio con Google Tag Manager

In genere, aggiungi codici di monitoraggio separati per Google Analytics, conversioni AdWords, obiettivi e tag di remarketing, ecc., Da solo o lo invii allo sviluppatore; questo processo richiederà tempo e alla fine rallenterà le prestazioni complessive del sito. Con l’aiuto di Google Tag Manager tutto, i tuoi tag vengono memorizzati in un unico posto.

Puoi utilizzare Google Tag Manager con il tuo negozio Shopify. Vai a questa guida per Aggiungi il codice di Google Tag Manager al tuo negozio Shopify Plus.

9. Usa il layout Hero invece di usare i cursori

Gli slider sono popolari da un po ‘e le persone in genere aggiungono 5-6 immagini di alta qualità allo slider, il che aumenta il tempo di caricamento complessivo del sito web. La ricerca ha dimostrato che è tempo di ignorarli completamente.

Alcune statistiche interessanti perché dovremmo ignorare gli slider

  • Gli utenti non fanno clic sugli slider, solo l’1% delle persone fa effettivamente clic su uno slider. – fonte
  • I cursori / caroselli infastidiscono gli utenti e riducono la visibilità. – fonte
  • Gli slider / i caroselli sono dannosi per la SEO. – Motore di ricerca Land
  • I cursori non sono adatti ai dispositivi mobili. – fonte
  • Il dispositivo di scorrimento spinge verso il basso il contenuto (miglioramento dell’algoritmo del layout di pagina). – fonte
  • I cursori possono danneggiare la SEO. – fonte

Invece di un dispositivo di scorrimento, utilizza un unico dispositivo di scorrimento di alta qualità Layout eroe un’immagine con un chiaro invito all’azione. Dai un’occhiata Dropbox; stanno usando un layout eroe.

La definizione concreta di un’immagine dell’eroe:

Secondo Wikipedia è “una grande immagine banner web, ben visibile su una pagina web, generalmente in primo piano e al centro. L’immagine protagonista è la prima immagine per un visitatore che incontra sul sito e presenta una panoramica dei contenuti più importanti del sito. Un eroe l’immagine è spesso costituita da immagini e testo e può essere statica o dinamica (ad esempio un elenco a rotazione di immagini e / o argomenti). ”

Osservazioni conclusive

Inizia con questi semplici e pratici suggerimenti per migliorare immediatamente la velocità di caricamento della pagina per il tuo sito web. Ci sono altre cose che fai per velocizzare il tuo negozio Shopify? Condividi nella sezione commenti.

Sono contento che sei arrivato fin qui, puoi tornare alla sezione di seo.

Write a Comment