In che modo il Mobile Web Design influisce sulla ricerca locale (e cosa fare al riguardo)
Pubblicato: 2022-03-10Poiché il mobile-first è al centro della scena nella maggior parte degli articoli che scrivo in questi giorni, molti designer e sviluppatori si sono chiesti perché. Certo, Google ha fatto una grande spinta per questo, quindi è intelligente fare ciò che Google ti dice. Tuttavia, per alcuni siti Web, la maggior parte del traffico non proviene da utenti mobili.
Al momento, ci sono alcuni siti Web che ricevono più traffico mobile di altri e molto si riduce alla posizione. Come spiega Google:
“Cercare qualcosa nelle vicinanze, una caffetteria, un ristorante di noodle, un negozio di scarpe, è una delle ricerche più comuni che facciamo. In effetti, quasi un terzo di tutte le ricerche da dispositivi mobili è correlato alla posizione".
Logicamente, ha senso. Se un utente ha accesso a un desktop o laptop a casa o al lavoro, è più probabile che lo utilizzi per avviare una ricerca. Che siano multitasking (come mentre coordinano la cena con un amico tramite Skype), passeggiano per una città o decidano di ordinare la cena ma non vogliono spostarsi dal divano, il dispositivo mobile è un modo rapido per ottenere tali informazioni .
In questo articolo, mi concentrerò esplicitamente su questi tipi di consumatori e sui siti Web che li attraggono. In altre parole, se progetti siti web per aziende con una presenza locale, continua a leggere per imparare a utilizzare il web design mobile per migliorare il posizionamento nelle ricerche locali.
Sette strategie di progettazione Web mobile da utilizzare per la ricerca locale
Nel sondaggio Local Consumer Review dello scorso anno, Bright Local ha rivelato che il 97% dei consumatori aveva utilizzato Internet per cercare attività commerciali locali a un certo punto nel 2017. Per alcuni utenti, Internet è stato spesso utilizzato come risorsa, con il 12% alla ricerca di nuovi le imprese ogni giorno e il 29% lo fa almeno una volta alla settimana.

Un rapporto di hitwise mostra che la maggior parte delle ricerche online inizia su dispositivi mobili:

Nota la tendenza dei tipi di attività i cui utenti iniziano più spesso le loro ricerche su dispositivi mobili (cioè sono per lo più attività locali).
Inoltre, sembra che questo tipo di ricerche venga effettuato a scopo di ricerca all'inizio del percorso dell'acquirente. Se i web designer e gli sviluppatori possono entrare nella mente dei loro utenti target e nel tipo di domande che potrebbero porre o sulle funzionalità che potrebbero cercare, possono creare in modo più efficace un'esperienza mobile pertinente attraverso i loro siti.
Per quelli di voi che sono specializzati nella creazione di siti Web per clienti con una base di utenti locale, è necessario utilizzare strategie di progettazione mobile che migliorano i risultati di ricerca locali. Mentre alcuni dei tuoi sforzi al di fuori del sito Web ti aiuteranno in questo (come creare una pagina Google My Business e rispondere alle recensioni su Yelp), c'è molto che si può fare con il tuo design per contribuire notevolmente anche a questo.
Strategia 1: "Progetta" i tuoi metadati per dispositivi mobili
I copywriter e gli sviluppatori web sono già consapevoli del ruolo fondamentale che i metadati svolgono negli sforzi di marketing dei motori di ricerca di un sito web. In poche brevi stringhe di testo, puoi dire molto ai motori di ricerca e al tuo pubblico sul tuo sito web e su ciascuna delle sue pagine web. Ciò è particolarmente utile nella ricerca locale poiché gli utenti cercano risultati che rispondono alla domanda "[riempi lo spazio vuoto] vicino a me".
Ma non è questa la strategia di cui sto parlando qui. Invece, voglio concentrarmi su come puoi "progettare" i tuoi metadati in modo che siano più attraenti per gli utenti mobili una volta che il tuo sito web viene effettivamente visualizzato nei risultati di ricerca locali.
Ci sono un paio di modi per farlo:
Il primo è creare stringhe di metadati succinte per ogni pagina web. Prendiamo ad esempio il sito web di Liquid Surf Shop:

Il primo risultato di ricerca sembra carino, vero? Il nome della pagina Web e l'URL si adattano ciascuno a una riga. La descrizione descrive accuratamente ciò che fa il negozio (e indica dove si trova!) e si adatta anche allo spazio assegnato per le descrizioni di ricerca mobile.
Ora, dai un'occhiata più da vicino al Liquid Surf Shop quando viene confrontato con i concorrenti diretti nella ricerca mobile:

Se guardi le voci per East of Maui e Dewey Beach Surf Shop sopra, nota come le loro descrizioni terminano con una frase incompleta. Quindi, guarda il Bethany Surf Shop sotto di esso. Il meta titolo è troppo lungo per lo spazio dato. Questa mancanza di attenzione ai metadati potrebbe costare ai visitatori di questi siti Web se posizionati attorno a un elenco ben scritto come quello del Liquid Surf Shop.
Un'altra cosa che puoi fare per migliorare l'aspetto dell'elenco di ricerca locale (oltre a quanto in alto si classifica nella pagina) è utilizzare il markup dello schema nel codice del tuo progetto.
Schema.org ha creato un solido set di dati strutturati che le aziende possono utilizzare per migliorare la comprensione dei motori di ricerca e, di conseguenza, i risultati. Le imprese locali, in particolare, troverebbero particolarmente utile il markup dello schema in quanto consente loro di "taggare" vari elementi che i consumatori tendono a utilizzare nel processo decisionale.
Ecco un esempio di markup dello schema fatto bene per un'azienda locale: Henlopen City Oyster House:

Come puoi vedere, lo sviluppatore ha contrassegnato la home page con vari dati strutturati. Nello specifico, lo hanno associato a tre “tipi”: Local Business, Restaurant e Service. Ciascuno di questi tipi di schema è stato ulteriormente approfondito nei dettagli relativi alla posizione, al contatto con il ristorante, al tipo di cucina e così via. Questo è ottimo per connettere gli utenti mobili al tipo di attività commerciale locale che cercano.
Strategia 2: accorciare il sito web
Con alcuni siti Web per dispositivi mobili, potrebbe essere opportuno chiedere agli utenti di scorrere quattro o cinque volte prima di raggiungere la fine della pagina. O per andare in profondità di due o tre pagine per raggiungere l'endpoint desiderato.
Detto questo, quel tipo di esperienza in loco estesa probabilmente non è l'ideale per gli utenti mobili locali. Sebbene Google presti attenzione a fattori come il tempo trascorso sul sito e le pagine visitate, ciò di cui devi preoccuparti di più sono le frequenze di rimbalzo elevate e la mancanza di impegni o conversioni.
Per creare questa situazione ideale per gli utenti pur placando gli dei della ricerca, il tuo obiettivo durante la progettazione di un sito Web e la sua navigazione è di mantenerlo breve e al punto.
Userò il sito web di Bad Hair Day per questo esempio:

L'intestazione del sito Web contiene tutte le informazioni di cui qualcuno potrebbe realisticamente aver bisogno se desidera contattare il parrucchiere e la spa. L'indirizzo è lì insieme a un numero di telefono (che ha una funzione click-to-call) e le icone dei social media.
Altri tipi di siti Web farebbero bene a inserire qui informazioni specifiche per l'azienda e inviti all'azione. Per esempio:
- Ricerca posizione
- Ore di operazione
- Fissa un appuntamento o una prenotazione
- Visualizza un menu (per il cibo)
…e così via.

Scorri un po' il sito e puoi aprire il menu dell'hamburger. Come puoi vedere, questa navigazione è strutturata in modo semplice e mantiene tutti gli elementi essenziali al livello superiore per una facile scoperta.

La home page di questo sito Web mobile richiede solo tre passaggi completi prima di arrivare alla fine, il che è davvero un bel tocco. Piuttosto che creare una home page eccessivamente elaborata con sezioni di riepilogo di ciascuna pagina che costringono gli utenti a scorrere e scorrere, Bad Hair Day semplifica le cose.
Offrendo un layout e una struttura così facili da usare, Bad Hair Day ha creato una prima impressione davvero fantastica. Inoltre, mantenendo le cose semplici, il sito Web non è gravato da quantità eccessive di immagini, animazioni, script e così via. Per questo motivo, il sito per dispositivi mobili si carica rapidamente.
Strategia 3: Localizzare il contenuto visivo
Se i tuoi siti sono composti principalmente da grandi campioni di colori e fotografie d'archivio, questo non si applica. Tuttavia, se i progetti che crei includono foto e video personalizzati, c'è un'opportunità unica per utilizzare questo contenuto visivo per classificarti nella ricerca locale.
Se ha senso, includi foto che risuonino fortemente con i residenti locali. Immagini riconoscibili del paesaggio locale o della città daranno ai visitatori un motivo per sentire un legame più forte con l'attività. È un po' come legare a una squadra sportiva locale durante una chiamata di consultazione o il primo incontro. Solo, puoi stabilire questa connessione con loro attraverso la tua scelta di immagini.
Ma è proprio così che fai appello ai legami locali dei visitatori sul sito web. Che ne dici di cercare?
Per questo, usa il testo alternativo su immagini e video. Questo è in genere consigliato ai fini dell'accessibilità (ad esempio, aiutare i visitatori con disabilità a consumare i tuoi contenuti anche se non possono vederli o ascoltarli). Tuttavia, il testo alternativo è leggibile anche dai robot di Google. Se utilizzi i giusti tipi di parole chiave basate sulla posizione nel testo alternativo della tua immagine, quel contenuto visivo può essere classificato più in alto nelle ricerche di immagini locali. Tieni presente che non vuoi sacrificare l'accessibilità per la SEO locale. Rendi descrittivo il tuo testo alternativo mentre trovi modi per inserire parole chiave locali in esso.

Uno dei tipi di attività locali per cui penso sia particolarmente utile è un'agenzia immobiliare. Come Jack Lingo Realty. Ecco un elenco pubblicato da Jack Lingo sul suo sito Web per una casa a Rehoboth Beach:

La parte superiore della pagina include una serie di bellissime immagini scattate dalla casa situata al 17 di West Side Drive, Rehoboth Beach, Delaware.
Ora apri il sorgente della pagina e guarda cosa dice il testo alternativo della prima immagine:

Il testo alternativo include un identificatore univoco all'inizio di esso (probabilmente per distinguerlo dalle altre immagini nella galleria), ma è poi seguito dall'indirizzo della proprietà. Per i potenziali proprietari di case che fanno le loro ricerche tramite Google per proprietà in quel particolare quartiere e comunità, beh, indovina cosa trovano quando cercano un'immagine di Google per questo?

Le immagini delle proprietà di Jack Lingo occupano i primi posti. Abbastanza impressionante, giusto? Quindi, la prossima volta che progetti un sito Web per un cliente la cui attività dipende dall'esibizione di un prodotto o di una proprietà, pensa a come ottimizzarlo per ottenere risultati di immagine locali.
Strategia 4: aggiungi recensioni e valutazioni quando possibile
Mi piace sempre fare riferimento all'aggregazione di recensioni e valutazioni sul tuo sito Web come un modo per controllare la conversazione sul tuo marchio. Ha senso, vero? Quando i clienti rimangono senza un podio da cui parlare, ne faranno uno loro... su Yelp, Google, Facebook, TripAdvisor e ovunque ne abbiano voglia. Sebbene non si possa sfuggire completamente a questo, offrire uno spazio per recensioni e valutazioni sul tuo sito Web può aiutare a controllare il flusso di feedback.
Può anche migliorare l'aspetto di un risultato di ricerca locale.
L'esempio che userò per questo è il Fairfield Inn & Suites Rehoboth Beach:

Come puoi immaginare, una grande struttura alberghiera di proprietà di Marriott riceverà già molte recensioni dal web.

Tuttavia, aggiungendo recensioni e valutazioni al proprio sito Web, Marriott sta realizzando alcune cose che lo aiuteranno con gli utenti di ricerca locali. Per cominciare, c'è il fattore trasparenza. Marriott ha sollecitato attivamente i clienti a ricevere feedback sul loro soggiorno in hotel e ha pubblicato quelle recensioni affinché tutti potessero vederle. Gli utenti locali amano molto le recensioni online, con il 73% che afferma che le recensioni positive aumentano la loro fiducia in un'attività locale.

Inoltre, l'inclusione da parte di Marriott di un sistema di valutazione sul proprio sito Web si rivela vantaggiosa anche nei risultati di ricerca locali.
Come puoi vedere nell'elenco dei risultati per "Rehoboth beach de lodging", Marriott è l'unico che include una valutazione, e per di più impressionante. Se gli utenti di dispositivi mobili stanno scorrendo rapidamente i risultati di ricerca per l'attività più pertinente e attraente per le loro esigenze, una recensione positiva potrebbe essere sufficiente per fermarli di colpo.
Strategia 5: crea pagine di posizione dedicate
Quando si progettano siti Web con più posizioni, assicurarsi di creare una pagina dedicata per ciascuna posizione. Ci sono vantaggi in loco a cui pensare oltre a quelli relativi alla ricerca.
Per cominciare, le singole pagine delle posizioni riducono la quantità di lavoro che i visitatori devono fare una volta che sono entrati nel sito. Probabilmente hai già visto quelle pagine "Posizione" prima che sono ingombra di una dozzina di posizioni, ciascuna con informazioni relative a indirizzo, numero di telefono, e-mail, sito Web e così via. Assegnando a ciascuna posizione una pagina separata, tuttavia, non devi preoccuparti di compromettere la leggibilità o la messa a fuoco.
Il sito web di Tanger Outlets dimostra bene questo punto poiché puoi vedere che, in pochi clic, i visitatori possono rapidamente saperne di più sulla loro posizione personale senza il disordine o la distrazione di tutti gli altri.

Il menu di navigazione di Tanger Outlets mette la pagina "Località" proprio in cima. È probabilmente la prima cosa che i visitatori cercano perché mirano a saperne di più sul loro outlet locale e sulla sua offerta di negozi e marchi.

La pagina "Posizione" per il sito Web di Tanger Outlets visualizza quindi una mappa interattiva. Gli utenti possono trascinare la mappa e provare a trovare la propria posizione da soli oppure possono inserire i dettagli di seguito nel modulo breve.

Dopo aver trovato la loro posizione, gli utenti ricevono quindi una panoramica di alto livello della posizione, del numero di telefono e degli orari di apertura dei Tanger Outlets vicino a loro. Ci sono pagine aggiuntive che possono visitare per saperne di più su negozi e offerte in quel particolare centro commerciale.
Creando pagine di posizione dedicate sul tuo sito web, gli dai anche un'ulteriore possibilità di classificarsi nei risultati di ricerca locali.
Strategia 6: posiziona la tua CTA davanti e al centro
Come avrai notato, ci sono temi comuni che attraversano queste strategie: semplicità e franchezza. Più rapidamente puoi fornire informazioni ai tuoi visitatori attraverso tecniche di progettazione intelligenti, maggiore è la probabilità che si impegnino e/o si convertano.
Per quanto riguarda questi punti di controllo chiave, ovviamente sai cosa fare per progettare pulsanti di invito all'azione per dispositivi mobili: renderli grandi, colorati, cliccabili e nella zona del pollice. Ma per quanto riguarda il posizionamento? Alcuni sostengono che un invito all'azione dovrebbe sempre essere collocato nella posizione più logica. In molti casi, è direttamente dopo una sezione descrittiva di testo che "vende" i visitatori sul motivo per cui hanno fatto clic.
Sul cellulare, non hai davvero tempo da perdere. E se stanno facendo una ricerca alla ricerca esplicita di un'attività locale che fa X, Y o Z, allora sarebbe vantaggioso mettere il tuo CTA in primo piano e al centro.
L'Oceano Atlantico è un esempio estremo di come farlo, ma credo sia fatto bene lo stesso:

La parte superiore del sito Web di Atlantic Oceanside è un importante pulsante "Prenota ora". Certo, alcuni utenti potrebbero non essere pronti a premere il grilletto per la prenotazione di un hotel nel momento in cui accedono al sito, ma è comunque una buona idea avere il pulsante lì. È un promemoria che il processo di prenotazione sarà il più indolore possibile.

Per i visitatori che non sono pronti a prenotare subito, il sito Web include lo stesso CTA per tutto il resto del sito. È costantemente progettato e formulato in modo che i visitatori sappiano sempre dove trovarlo.

C'è un'altra istanza del CTA che penso sia posizionata abbastanza bene ed è quella che esiste nella navigazione. Puoi vedere che tutti i dettagli importanti sul soggiorno di un ospite vengono presentati per primi, ma poi "Prenota ora" e il numero di telefono dell'attività si trovano in fondo all'elenco, quindi gli utenti non devono scavare nelle pagine per trovare tali informazioni.
Se vuoi rendere le conversioni più facili per gli utenti mobili, non seppellire i tuoi CTA.
Strategia 7: includere funzionalità di targeting geografico
L'ultima strategia che sto consigliando riguarda meno il design e più le funzionalità che puoi applicare al tuo sito per offrire ai visitatori un'esperienza personalizzata.
I servizi di geotargeting e geolocalizzazione (come la tecnologia beacon) erano argomenti molto scottanti alcuni anni fa. Ripensa a quando Pokemon Go era tutto ciò di cui chiunque poteva parlare. Gli utenti mobili fornivano volentieri alle app i loro dati sulla posizione in cambio di quella che consideravano un'esperienza preziosa. Credo che dovresti fare lo stesso quando progetti siti Web mobili per utenti di ricerca locali.
Con le funzionalità di targeting geografico, hai l'opportunità di migliorare l'esperienza dei visitatori in un modo che un sito Web a servizio globale non può.
WSFS Bank è un esempio di un'azienda che fa buon uso di questa funzionalità. Innanzitutto, richiede l'autorizzazione per utilizzare la posizione corrente determinata dal dispositivo mobile dell'utente:

Dopo aver concesso l'accesso al sito Web mobile, all'utente vengono quindi presentate le informazioni in alto relative alla sede WSFS Bank più vicina:

Esistono anche altri casi d'uso per il targeting geografico che i tuoi visitatori potrebbero trovare utili. Ad esempio, potresti offrire sconti mirati, includere controlli di disponibilità in negozio e convertire i prezzi nella loro valuta locale (se non uguale alla tua). In definitiva, il tuo accesso alla loro posizione dovrebbe essere utilizzato per migliorare la loro esperienza e costringerli a convertirsi online o visitare la posizione fisica.
Avvolgendo
Progettare per i dispositivi mobili non è poi così complicato di questi tempi, ora che abbiamo avuto il tempo di adattarci. Detto questo, la progettazione di siti Web mobili per gli utenti di ricerca locali è una storia diversa. Non è che non apprezzino un design reattivo o moduli di contatto più brevi come tutti gli altri. È solo che la loro motivazione e i loro obiettivi non sono sempre gli stessi di tutti gli altri.
Pertanto, oltre a progettare siti Web per l'indicizzazione mobile-first, presta attenzione a come il design influisce sull'aspetto del sito Web nei risultati di ricerca e a come viene ricevuto dagli utenti di ricerca locali.