Ottimizzazione dei siti web di e-commerce per utenti mobili

Il cellulare è estremamente importante.

As Google si avvicina a un primo indice mobile, le implicazioni per SEO diventerà ancora più grande.

Anche con molto traffico ora in arrivo per l'e-commerce siti web dai dispositivi mobili, migliore è il coinvolgimento, maggiore è vendite tu farai.

Ma la maggior parte dei temi / CMSnon vengono ottimizzati immediatamente.

Ecco perché è importante testare il tuo sito e apportare modifiche che non rispettano le seguenti regole.

* Nota che questa guida presuppone il tuo portale dedicato già passa Mobile friendly di Google strumento.

1. Rendi l'intestazione mobile più piccola possibile

Quando visiti un sito Web su un dispositivo mobile, il file testata sarà la prima cosa che vedrai.

Ma non è il motivo principale per cui un visitatore ha cliccato sul tuo portale dedicato in la ricerca.

Sono venuti a vedere il contenuto della pagina, quindi portarlo il più in alto possibile è fondamentale per coinvolgere i visitatori.

Comunque più moderno CMSe temi fuori dagli schemi hanno un grande testata è troppo alto e può richiedere un'intera pagina per scorrere:

Esempio di intestazione mobile di grandi dimensioni su siti di e-commerce

Come puoi vedere, la parte superiore della pagina rappresenta un'intera altezza dello schermo su un dispositivo mobile, che aumenterà la frequenza di rimbalzo e quindi ridurrà la la ricerca classifiche del sito.

quando Google passa a un primo indice mobile, questo finirà per ridurre le loro classifiche anche su desktop, rendendolo un passo di vitale importanza da compiere.

Ecco alcuni esempi di un buon cellulare testata:

Buone intestazioni di e-commerce per dispositivi mobili

Alcune delle parti essenziali di un buon cellulare testata:

  1. Tutto in una riga: se tutti gli elementi rientrano in una riga, il file testata occupa la minima quantità di spazio.
  2. Ricerca nel sito: questa è una delle chiavi mobile esperienze utente, quindi dovrebbe essere prominente in alto.
  3. Menu: l'icona del menu è importante per gli utenti che desiderano navigare.
  4. Carrello: gli utenti che visitano un negozio di e-commerce vogliono sapere di poter acquistare qualcosa, questo li assicura immediatamente + che è conveniente per lo shopping.

Fare queste modifiche richiederà probabilmente a uno sviluppatore di personalizzare il tuo tema, ma assicurati che sia fatto in modo da poter eseguire l'aggiornamento senza influire sul design.

2. Rendere selezionabili filtri e collegamenti di categoria

On mobile tutto ruota intorno alla velocità e alla comodità, aiutando gli utenti a trovare ciò che vogliono il prima possibile senza distrazioni o errori.

Ciò significa che quando un utente visita una pagina di categoria, desidera essere in grado di navigare nel file prodotti vogliono il più rapidamente possibile.

Ciò richiederà 2 cose per funzionare:

1. Le categorie di primo livello hanno banner in grado di toccare le sottocategorie

Quindi, a seconda del tipo di layout di categoria che hai deciso che gli utenti desiderano (vedere la mia guida di categoria) vorrai un file prodotti elenco con filtri o Collegamento sottocategorie pertinenti.

In quest'ultimo caso, gli utenti hanno bisogno di un modo rapido per navigare nelle sottocategorie che desiderano, aiutandoli a filtrare i risultati in base a ciò che stanno cercando.

Questo dovrebbe essere fatto nel modo di banner / sezioni evidenti e selezionabili, elencati dalle scelte più popolari.

Ecco un buon esempio:

Link di categoria sul cellulare

L'esempio a destra è la pagina dei televisori Tesco, dove puoi vedere che hanno la possibilità di visitare i sottotipi di tv, seguiti da elenchi per dimensione. Questo è importante, perché hanno identificato queste come le dimensioni più importanti che gli utenti vogliono visitare.

Molto probabilmente un utente che visita questa pagina toccherà immediatamente l'opzione pertinente o scorrerà per vedere se la sua opzione è più in basso.

* Un modo in cui la pagina di Tesco potrebbe essere migliorata sarebbe includere una sezione negozio per marca, poiché tende ad essere un la ricerca di televisori (leggi la mia guida di categoria per ulteriori informazioni su questo).

2. I filtri sono in alto e possono essere toccati

I filtri del sito web devono funzionare bene mobilee si trova nella parte superiore del file prodotto list in modo che un utente possa facilmente filtrare l'elenco in prodotti vogliono vedere.

Questo dovrebbe utilizzare la logica in modo che più filtri possano essere selezionati contemporaneamente (come colore e dimensione) e che l'ordinamento sia modificabile (ad esempio l'ordinamento in base al prezzo più basso).

Identifica il problema del coinvolgimento mobile

Il modo migliore per vedere se hai problemi su un determinato dispositivo o browser mobile, consiste nell'utilizzare un rapporto Google Analytics personalizzato.

Per farlo, crea un rapporto analitico di Google personalizzato, filtrando per categoria dispositivo, quindi browser, quindi modello dispositivo mobile.

Identifica i problemi sul cellulare in base al dispositivo

Ciò ti consentirà di trovare una frequenza di rimbalzo elevata / pagine basse per impegni di sessione (il che significa che qualcosa potrebbe non funzionare) e capire quale combinazione dispositivo / browser è il problema.

Sito web velocissimo

Questo è abbastanza ovvio, quindi analizzerò i controlli chiave:

  1. Gestisci il tuo sito tramite gli strumenti GTmetrix e Pingdom: risolvi tutti i problemi principali.
  2. Gestisci il tuo sito tramite Google Page Speed ​​checker, concentrarsi sul fissaggio mobile problemi.
  3. Usa bene di hosting - Consiglio di utilizzare Nimbus Hosting (con sede nel Regno Unito).

Design reattivo: contenuto su tutti i dispositivi

Questa modifica è essenziale quando il mobile il primo indice si muove, perché qualsiasi contenuto non è acceso mobile ma è sul desktop non contribuirà più ai tuoi sforzi di posizionamento.

Ciò significa che dovresti usare un design completamente reattivo, o per lo meno avere contenuto che è sul desktop aggiunto mobile da qualche parte, anche se si trova in una fisarmonica sotto un elenco di categorie.

Gli elementi chiave da garantire sono coerenti su tutti i dispositivi:

  1. Le SEO Intestazioni: intestazioni H1, H2, H3, ecc.
  2. Interno Collegamento - compreso il pangrattato, prodotto elenchi e in contenuto Collegamento.
  3. Immagini
  4. Video
  5. Schema.org markup
  6. Pagina testata codice

Quindi assicurati che Google sta rendendo la tua pagina altrettanto bene su mobile com'è sul desktop, eseguendo una richiesta Fetch and Render per il tuo sito nella console di ricerca di Google e controllando la differenza tra mobile e visualizzazioni desktop (seleziona semplicemente la visualizzazione mobile).

Recupera ed esegui il rendering nella visualizzazione mobile

Contenuto della fisarmonica

Le fisarmoniche sono un ottimo modo per condensare una forma grande contenuto in sezioni, consentendo agli utenti di mobile per aprire facilmente la sezione che più li interessa.

wikipedia hanno cambiato tutto il loro mobile pagine a base di fisarmonica, che è un buon segno che migliora il coinvolgimento.

Come si applica ai siti di e-commerce?

Per cominciare, una pagina di categoria è spesso un luogo in cui le persone vengono per entrambi prodotti e informazioni su questo prodotto digitare, quindi può essere difficile inserire tutto ciò nella parte superiore della pagina senza creare troppo spazio per lo scorrimento.

È qui che potrebbe entrare una fisarmonica. Puoi allenarti parola chiave ricerca e chiedi ai tuoi clienti quali sono le domande più comuni al riguardo prodotto digitare e avere quelli a fisarmonica appena sopra il tuo prodotto list, consentendo agli utenti di leggerlo rapidamente senza interferire con le esperienze degli acquirenti.

Ecco un esempio:

Aggiungi faq fisarmoniche sul cellulare

Per le persone incerte su cosa sia coinvolto in un monitor di gioco, queste due fisarmoniche inserite nella parte superiore della pagina consentirebbero loro di prendere una decisione informata, che dovrebbe trasformare più utenti in clienti.

Il layout della pagina potrebbe probabilmente essere modificato, forse un menu a scorrimento con fisarmoniche intitolato "come scegliere un monitor da gioco" che conteneva le aree chiave da guardare.

Gli utenti di solito non vogliono leggere un'intera guida all'acquisto, vogliono le informazioni essenziali a colpo d'occhio (mobile è tutta una questione di velocità e comodità).

Esperienza di pagamento

Per più economici o meno complicati prodotti, che non sono ancora state rilevate da Amazon a causa delle barriere ai requisiti di accesso / servizio clienti, mobile i checkout rappresenteranno probabilmente una quantità maggiore del tuo vendite della maggior parte.

Ciò significa che avere un'esperienza di pagamento fluida, veloce e completamente funzionante è essenziale per massimizzare mobile vendite.

Le aree chiave per un bene mobile esperienza di pagamento:

  1. Ovvio pulsanti di checkout - quando un utente aggiunge un file prodotto al carrello, un pop-up immediato con un grande pulsante di checkout attirerà l'attenzione e rimuoverà la confusione.
  2. Sito web completamente sicuro (SSL) - questo è abbastanza ovvio, ma assicurati di avere installato il certificato di fiducia SSL di base.
  3. Modulo di pagamento reattivo - assicurati che nulla esca dalla pagina o che non si formatta correttamente mobile.
  4. Accedi con Amazon / Social network - questo renderà il processo più veloce, con le informazioni compilate automaticamente dagli altri fornitori.
  5. Indirizzo la ricerca - assicurati che un utente non debba compilare completamente il proprio indirizzo fornendo codice postale / codice postale la ricerca funzioni.
  6. Checkout tramite Paypal / ApplePay - questo renderà l'esperienza ancora più veloce, con un clic che evita il passaggio aggiuntivo (in particolare l'inserimento dei dettagli della carta di credito).

Layout della pagina del prodotto

Non l'ho toccato troppo nella mia pagina del prodotto guida seo, ma è importante rielaborare il tuo prodotto pagine su mobile per assicurarti che siano intuitivi.

Come accennato in precedenza, il layout su mobile dovrebbe concentrarsi sul contenuto gli utenti vogliono vedere, quindi la tua pagina dovrebbe essere disposta nel seguente ordine:

  1. Prodotto titolo - fai sapere agli utenti che si trovano nel posto giusto.
  2. Prodotto Immagine - mostra agli utenti il ​​file prodottoe fai scorrere le immagini extra.
  3. Prezzo - rendi ovvio il prezzo e se è acceso vendita rendere evidente lo sconto.
  4. Informazioni sulla consegna - mostrare loro quando potrebbero ricevere il loro articolo e il prezzo di consegna.
  5. AGGIUNGI AL CARRELLO - un grande pulsante che risalta in modo che nessuno possa perderlo.
  6. Valutazione dei clienti stelle + collegamento - mostra solo se sono presenti recensioni, se non lo lascia fuori.
  7. Funzionalità principali - i motivi principali per acquistarlo prodotto, utilizzando elenchi puntati.
  8. Tutto il resto.

Dando la priorità a queste informazioni in primo luogo, offri agli utenti ciò di cui hanno bisogno per prendere una decisione di acquisto, ma ovviamente, come per qualsiasi modifica importante al sito Web, testalo tu stesso.

Semplifica la condivisione dei prodotti

Se il ciclo di acquisto di un dominio prodotto è un po 'più lungo del solito (spesso il caso di articoli di alto valore) mobile gli utenti saranno spesso in ricerca fase del loro ciclo di acquisto.

Ciò significa che potrebbero voler fare di più ricerca in seguito, o parlare con una persona cara in merito all'acquisto.

Quindi rendilo davvero facile, disponendo di un'opzione di condivisione che ti consente di farlo email i collegamento, condividi il collegamento su Whatsapp o condividilo su Facebook Messenger.

Un modo per monitorare questa modifica sarebbe fare in modo che tutti gli URL condivisi abbiano un certo parametro o controllare il traffico diretto verso prodotto pagine.

Considerazioni finali

Queste modifiche saranno perfette sia per le conversioni che per SEO, poiché il maggiore coinvolgimento ridurrà la frequenza di rimbalzo e di conseguenza ti classificherà più in alto.

Implementando ora questi cambiamenti, sarai ben preparato ad affrontare il mobile primo indice una volta lanciato.

Se desideri aiuto con questo o qualsiasi altro problema di marketing e-commerce, sentiti libero di farlo email me a [email protected] o considera l'acquisto i miei servizi di e-commerce.

Quanto è stato utile questo post?

Clicca su una stella per votarla!

Voto medio 0 / 5. Conteggio voti: 0

Nessun voto finora! Sii il primo a votare questo post.

Siamo spiacenti che questo post non sia stato utile per te!

Cerchiamo di migliorare questo post!

Diteci come possiamo migliorare questo post?

Matt Jackson

Specialista SEO e-commerce, con oltre 8 anni di esperienza a tempo pieno nell'analisi e nella correzione di siti Web di shopping online. Esperienza pratica con Shopify, Wordpress, Opencart, Magento e altri CMS.
Ho bisogno di aiuto? Scrivimi per maggiori informazioni, a [email protected]

Questo post ha commenti 0

Lascia un Commento

L'indirizzo email non verrà pubblicato. I campi obbligatori sono contrassegnati *