SEO Mobile-First per l'Ecommerce

L'indicizzazione mobile-first significa che Google utilizza prevalentemente la versione mobile dei tuoi contenuti per l'indicizzazione e il posizionamento. Questa transizione si è completata nel 2023, e non c'è possibilità di esclusione. Se le tue pagine mobili hanno meno contenuto del desktop, Google vede solo la versione mobile. Se il tuo sito mobile nasconde le descrizioni prodotto dietro schede che richiedono clic per espandersi, Google potrebbe non indicizzare affatto quel contenuto.

L'impatto pratico è significativo. Molti siti ecommerce sono stati costruiti prima per il desktop e poi adattati per il mobile tramite design responsive o un sito mobile separato. Durante quell'adattamento, il contenuto è stato spesso ridotto, le descrizioni prodotto accorciate e i link interni rimossi per adattarsi a schermi più piccoli. Tutte queste decisioni ora influenzano direttamente come Google valuta quelle pagine.

Controlla il tuo stato di indicizzazione mobile in Google Search Console sotto Impostazioni > Crawler di indicizzazione. Dovrebbe mostrare "Googlebot Smartphone" come crawler principale. Se trovi pagine dove le versioni mobile e desktop differiscono sostanzialmente nel contenuto, correggi prima la versione mobile. È quella che interessa a Google.

Il design responsive serve lo stesso HTML a tutti i dispositivi e usa le media query CSS per adattare il layout. Un sito mobile separato (m.example.com) serve HTML completamente diverso. Per il SEO ecommerce, il design responsive è il chiaro vincitore e l'approccio raccomandato da Google.

I siti mobili separati creano problemi di canonicalizzazione. Servono tag rel="alternate" e rel="canonical" che puntano tra le versioni desktop e mobile, e qualsiasi disallineamento causa problemi di indicizzazione. Abbiamo verificato negozi dove il 30 % delle pagine mobili aveva riferimenti canonici rotti, causando problemi di contenuto duplicato e spreco di budget di crawl.

Il design responsive mantiene un singolo URL per pagina, consolidando tutta l'autorità dei link e semplificando la sitemap, i tag canonici e l'implementazione hreflang. Ogni link in entrata punta a un URL invece di dividersi tra versioni desktop e mobile.

Se stai ancora gestendo un sito mobile separato, pianifica una migrazione al design responsive. La migrazione richiede una mappatura attenta dei redirect (redirect 301 da ogni URL m.example.com al suo equivalente responsive) e di solito richiede da tre a sei mesi per completarsi senza perdite di traffico significative. I benefici SEO a lungo termine superano costantemente i costi di migrazione a breve termine.

Gli utenti mobili sono meno pazienti degli utenti desktop e sono tipicamente su connessioni più lente. Una pagina che si carica in 3 secondi su WiFi desktop può richiedere 6 secondi su una connessione mobile 4G. La ricerca di Google mostra che il 53 % dei visitatori mobili abbandona un sito che impiega più di 3 secondi a caricarsi.

Per l'ecommerce, l'impatto sui ricavi è misurabile. Abbiamo monitorato un rivenditore di moda prima e dopo l'ottimizzazione della velocità mobile. Ridurre il tempo di caricamento mobile da 5,2 secondi a 2,1 secondi ha aumentato il tasso di conversione mobile del 27 % e i ricavi mobili del 34 % in 90 giorni. I miglioramenti di velocità sono costati meno di una settimana del loro budget pubblicitario a pagamento.

Dai priorità a queste ottimizzazioni specifiche per mobile: comprimi le immagini hero sotto i 100 KB, differisci tutto il JavaScript non critico fino dopo il primo paint, riduci la dimensione del DOM a meno di 1.500 elementi sulle pagine prodotto, ed elimina il CSS che blocca il rendering. Testa ogni modifica specificamente su connessioni mobili limitate, non solo su WiFi desktop.

Usa l'emulazione dispositivo di Chrome DevTools con limitazione di rete impostata su "Fast 3G" come test di base. Se le tue pagine prodotto si caricano e diventano interattive entro 3 secondi su Fast 3G, funzioneranno bene per la grande maggioranza degli utenti mobili.

Google valuta l'usabilità mobile come parte dei suoi segnali di esperienza della pagina. Le pagine che non superano i controlli di usabilità mobile ricevono posizionamenti più bassi. I fallimenti più comuni sui siti ecommerce sono target tattili troppo vicini tra loro, testo troppo piccolo da leggere senza zoom e contenuto più largo dello schermo.

I target tattili (pulsanti, link, campi modulo) devono essere almeno 48x48 pixel CSS con 8 pixel di spaziatura tra loro. Sulle pagine prodotto, questo significa che il pulsante "Aggiungi al carrello", i selettori di taglia e i campioni colore necessitano tutti di spaziatura adeguata. Griglie di prodotti dense con target tattili minuscoli frustrano gli utenti mobili e attivano gli avvisi di usabilità mobile di Google.

Dimensioni dei caratteri sotto i 16px su mobile costringono gli utenti a zoomare con le dita, cosa che Google segnala come problema di usabilità. Imposta la dimensione del carattere base a 16px minimo e scala i titoli proporzionalmente. Descrizioni prodotto, prezzi e recensioni devono essere tutti leggibili senza alcun intervento dell'utente.

Evita completamente lo scorrimento orizzontale. Se un elemento si estende oltre la larghezza del viewport mobile, Google segna la pagina come non superante l'usabilità mobile. I colpevoli comuni includono tabelle di confronto prodotti larghe, immagini sovradimensionate senza vincoli di max-width e iframe a larghezza desktop per embed video o guide alle taglie.

Le strutture di navigazione mobile spesso differiscono drasticamente dal desktop, e queste differenze influenzano il SEO. I mega menu desktop possono esporre 200 link di categoria in un singolo hover, mentre i menu hamburger mobili nascondono quegli stessi link dietro due o tre tocchi. Poiché Google indicizza la versione mobile, qualsiasi link nascosto nei menu mobili collassati può ricevere meno priorità di crawl.

Assicurati che la tua navigazione mobile includa tutti gli stessi link di categoria e sottocategoria della navigazione desktop. I link non devono essere visibili per default (i menu hamburger vanno bene), ma devono essere presenti nell'HTML. Google può seguire i link dentro i menu collassati finché l'HTML li contiene.

Le pagine prodotto mobili spesso eliminano le sezioni di cross-selling e prodotti correlati per risparmiare spazio. Questo rimuove link interni preziosi che aiutano Google a scoprire e posizionare quei prodotti correlati. Invece di rimuovere queste sezioni, trasformale in caroselli a scorrimento orizzontale o sezioni collassabili che mantengono i link nell'HTML risparmiando spazio verticale.

I breadcrumb su mobile vengono frequentemente nascosti o semplificati. Mantieni i percorsi breadcrumb completi su mobile anche se si estendono su due righe. Ogni link breadcrumb è un link interno a una pagina di categoria, e rimuoverli indebolisce la struttura dei link interni nella versione che Google effettivamente indicizza.