Tutorial WordPress affidabili, quando ne hai più bisogno.
Guida per principianti a WordPress
WPB Cup
25 Milioni+
Siti web che utilizzano i nostri plugin
16+
Anni di esperienza con WordPress
3000+
Tutorial WordPress di esperti

Come aggiungere un localizzatore di negozi Google Maps in WordPress

Ogni giorno, i potenziali clienti decidono se visitare la tua attività o andare altrove. Spesso, quella decisione si riduce alla convenienza: quanto è facile trovarti, ottenere indicazioni e confermare se sei aperto?

Un localizzatore di negozi Google Maps ben progettato rimuove tutte queste barriere.

I clienti possono vedere la tua posizione esatta, pianificare il loro percorso, controllare i tuoi orari e persino farsi un'idea del tuo quartiere, tutto senza lasciare il tuo sito web.

Lo raccomandiamo a tutte le attività commerciali che hanno una sede fisica perché colma il divario tra l'interesse online e le visite di persona.

Pronto a rendere la visita alla tua attività facile come cliccare su un pulsante? Ti guideremo nella creazione di un localizzatore di negozi Google Maps professionale per il tuo sito WordPress.

Come aggiungere un localizzatore di negozi su Google Maps in WordPress (Opzione Gratuita)

Perché aggiungere un localizzatore di negozi Google Maps in WordPress?

Molti utenti WordPress gestiscono siti web per piccole imprese che servono una particolare città o regione. Ciò include attività come ristoranti, agenti immobiliari, idraulici, fornitori di servizi di manutenzione, piccoli negozi, saloni e altro ancora.

Queste attività locali si affidano alla visibilità online per attrarre clienti. Inoltre, secondo le statistiche, il 53% degli utenti di dispositivi mobili cerca indicazioni per i negozi locali su Google Search.

Aggiungere un localizzatore di negozi Google Maps al tuo sito è importante per aumentare il traffico pedonale perché può aiutare le persone a trovare la tua attività più facilmente. Saranno in grado di ottenere indicazioni stradali per il tuo negozio e condividere la posizione con i loro amici.

Può anche aiutare a migliorare la visibilità del tuo sito sui motori di ricerca e ad attrarre più visitatori sul tuo sito web.

Vediamo come aggiungere un localizzatore di negozi su Google Maps sul tuo sito WordPress. Ti mostreremo sia metodi gratuiti che a pagamento con i loro pro e contro, così potrai scegliere quello che meglio si adatta alle tue esigenze.

Metodo 1: Aggiungere un semplice localizzatore di negozi a WordPress (Gratuito)

Questo metodo è gratuito e semplice poiché non è necessario passare attraverso il passaggio aggiuntivo di creazione di una chiave API di Google Maps. Lo consigliamo agli utenti che desiderano aggiungere rapidamente una semplice mappa della posizione del loro negozio.

Innanzitutto, devi visitare il sito web Google Maps sul tuo computer. Successivamente, inserisci l'indirizzo del tuo negozio nel campo di ricerca e Google Maps lo mostrerà sulla mappa con un segnaposto.

Cerca la tua posizione del negozio in Google Maps

Assicurati che il segnaposto sia posizionato nella posizione corretta. Puoi selezionare un livello di zoom facendo clic sui pulsanti di zoom nell'angolo in basso a destra.

Una volta che sei soddisfatto dell'aspetto della mappa, fai clic sul pulsante 'Condividi' nella colonna di sinistra. Nel popup che appare, passa alla scheda 'Incorpora una mappa'.

Seleziona l'opzione Incorpora una mappa di Google Maps

Ora vedrai la tua posizione cercata sulla mappa con il codice HTML. Per ottenere il codice di incorporamento, fai clic sul collegamento 'Copia HTML'.

Ora, vai all'area di amministrazione del tuo sito web WordPress e modifica il post o la pagina in cui desideri visualizzare la mappa del localizzatore di negozi.

Normalmente, gli utenti aggiungono una mappa localizzatore di negozi sulla loro pagina del modulo di contatto con il loro numero di telefono aziendale e gli orari di apertura.

Nella schermata di modifica del post, è necessario aggiungere un blocco 'HTML personalizzato'.

Aggiungi un blocco HTML personalizzato alla tua pagina

Dovresti incollare il codice che hai copiato da Google Maps nell'area di testo del blocco 'HTML personalizzato'.

Ora puoi visualizzare in anteprima la pagina per vedere Google Maps incorporato. La mappa mostrerà la posizione del tuo negozio contrassegnata, con collegamenti per ottenere indicazioni stradali o salvare la posizione.

Anteprima della mappa Google incorporata

Questo metodo funziona per incorporare rapidamente Google Maps, ma non ti offre i massimi vantaggi SEO. In altre parole, non ti aiuterà a posizionarti più in alto e ad ottenere più traffico dai motori di ricerca o dalle ricerche su Google Maps.

Se sei una piccola impresa, un ristorante o un negozio online con una o più sedi fisiche, ti consigliamo di utilizzare la soluzione successiva per migliorare il tuo posizionamento SEO locale.

Metodo 2: Aggiungere un localizzatore di negozi con SEO locale (Consigliato)

Quasi il 46% di tutte le ricerche su Google hanno un intento locale. All in One SEO (AIOSEO) è il miglior plugin SEO per WordPress sul mercato e ti aiuta a portare più traffico gratuito dai motori di ricerca al tuo sito web.

Lo utilizziamo su WPBeginner per migliorare il posizionamento dei nostri articoli nei risultati di ricerca e abbiamo avuto un'ottima esperienza. Se desideri un'analisi più approfondita, consulta la nostra recensione completa di AIOSEO.

È anche un ottimo plugin per la localizzazione dei negozi perché puoi inserire le sedi dei tuoi negozi, i dettagli di contatto e gli orari di apertura utilizzando lo schema markup in modo che le informazioni vengano visualizzate nelle pagine dei risultati dei motori di ricerca.

Ad esempio, se cerchi su Google 'McDonald's locations in Florida', viene mostrato uno snippet in primo piano con un elenco di destinazioni e una mappa con le posizioni contrassegnate.

Anteprima della mappa con più posizioni su Google

Questo aiuterà a migliorare il posizionamento SEO del tuo sito web e ad aumentare il tuo tasso di click nei motori di ricerca

Nota: Avrai bisogno almeno del piano AIOSEO Plus per accedere alla funzionalità Local SEO necessaria per questo tutorial.

Innanzitutto, devi installare e attivare il plugin AIOSEO per WordPress. Per maggiori dettagli, consulta la nostra guida passo passo su come installare un plugin per WordPress.

Dopo l'attivazione, il plugin eseguirà una procedura guidata di configurazione. Se hai bisogno di aiuto per configurare il plugin, dai un'occhiata alla nostra guida su come configurare AIOSEO per WordPress.

Procedura guidata di configurazione AIOSEO

Una volta completato il processo di configurazione, dovrai recarti su All in One SEO » Local SEO nel tuo pannello di controllo WordPress.

Fai clic sul pulsante ‘Attiva Local SEO’ per iniziare a configurare le tue impostazioni locali.

Attiva la Local SEO in AIOSEO

Successivamente, devi fare clic sulla scheda ‘Mappe’ nella parte superiore della pagina Local SEO.

Nella pagina Mappe, dovresti vedere il campo ‘API Key’.

Incolla la tua chiave API di Google Maps

Puoi ottenere una chiave API per Google Maps andando su Google Maps Platform ed effettuando l'accesso con il tuo account Google.

Dopodiché, dovresti fare clic sul pulsante ‘Inizia’.

Benvenuto in Google Maps Platform

Le risorse di Google Cloud sono organizzate per progetto. Se non hai già un progetto, uno verrà creato automaticamente per te.

Tieni presente che dovrai abilitare la fatturazione per il progetto al fine di utilizzare l'API di Google Maps. Tuttavia, è improbabile che tu debba pagare qualcosa.

Le richieste di incorporamento di mappe sono gratuite con utilizzo illimitato come dettagliato nella documentazione di Google, e ti vengono inoltre concessi 200 $ di credito mensile ogni mese.

Devi fare clic sul pulsante ‘Crea account di fatturazione’.

Abilita la fatturazione per il tuo progetto

Ora vedrai la pagina Informazioni sull'account. Dovresti selezionare il tuo paese dal menu a discesa e accettare i termini di servizio.

Quando sei pronto, fai clic sul pulsante ‘Continua’.

Accetta i termini di servizio di Google Maps

Ora devi selezionare un profilo di pagamento esistente o crearne uno nuovo.

Il profilo sarà per un individuo o un'azienda e includerà il nome dell'individuo o dell'azienda, un metodo di pagamento e un indirizzo.

Inizia la tua prova gratuita

Una volta inserite queste informazioni, è necessario fare clic sul pulsante 'Avvia la mia prova gratuita'.

Non preoccuparti della dicitura 'Prova gratuita'. Le richieste di incorporamento di mappe rimangono gratuite anche al termine della prova gratuita e la tua carta di credito non verrà mai addebitata finché non effettuerai manualmente l'aggiornamento a un account a pagamento.

Potrebbe anche esserti chiesto di completare un sondaggio di 30 secondi sulla tua attività per garantire che ti vengano fornite le informazioni più pertinenti.

Potrebbe esserti chiesto di compilare un sondaggio di 30 secondi

Quando fai clic sul pulsante 'Invia', verrà visualizzata la tua chiave API di Google Maps. Dovrai inserire questa chiave nelle impostazioni del plugin per i Metodi 2 e 3.

Quindi, puoi fare clic sull'icona 'Copia negli appunti' alla fine del campo 'La tua chiave API'. Una volta fatto ciò, chiudi semplicemente il popup facendo clic sul pulsante 'Vai alla piattaforma Google Maps'.

Copia la tua chiave API

Restringere la tua chiave API di Google Maps

Ti consigliamo di restringere la chiave in modo che non possa essere utilizzata da altri.

Dopo aver creato la tua chiave API, Google mostrerà un popup 'Proteggi la tua chiave API' dove puoi restringere la tua chiave in modo che funzioni solo sul tuo sito web.

Nel menu a discesa 'Seleziona tipo di restrizione', devi selezionare 'Riferimenti HTTP (siti web)'. Quindi nel campo successivo, dovresti digitare il tuo nome di dominio del sito web nel campo 'Nuovo elemento' utilizzando il modello *example.com/*.

Proteggi la tua chiave API

Dovresti vedere un messaggio che dice 'Chiave API limitata con successo'. Ora, la chiave funzionerà solo per Google Maps incorporato sul tuo sito web specifico.

Tornato sul tuo sito web, dovresti inserire la tua chiave API nel campo. Successivamente, puoi scorrere verso il basso per modificare le impostazioni della mappa.

AIOSEO ti consente di visualizzare Google Maps utilizzando un blocco Gutenberg (editor di WordPress), shortcodewidget, o codice PHP. Ti consente inoltre di scegliere diversi stili di mappa e aggiungere un indicatore personalizzato alla tua mappa.

Modifica le impostazioni della mappa

Per questo tutorial, assicurati che l'impostazione 'Blocco Gutenberg' sia selezionata. Non dimenticare di fare clic sul pulsante 'Salva modifiche' quando hai finito.

Ora puoi creare la tua mappa del localizzatore di negozi. Come fai dipende dal fatto che la tua attività abbia un solo negozio o più sedi.

Aggiungere una mappa per una singola sede

Se la tua attività opera da un'unica sede fisica, la mappa utilizzerà le informazioni che fornisci nella pagina 'Impostazioni sede' di All in One SEO.

Vai ora e passa alla scheda 'Sedi' della pagina All in One SEO » Local SEO.

Poiché hai un'unica sede fisica, dovresti assicurarti che l'opzione 'Sedi multiple' sia impostata su 'No'.

Imposta più posizioni su No

Successivamente, dovresti scorrere verso il basso fino alla sezione 'Informazioni sull'attività' e compilare quante più informazioni possibili sulla tua attività.

Questo è importante perché le informazioni potrebbero essere visualizzate quando qualcuno cerca la tua attività utilizzando la ricerca Google o Google Maps.

Le informazioni sull'attività verranno visualizzate nelle ricerche di Google

Successivamente, scorri verso il basso fino alla sezione ‘Maps’ per indicare la tua posizione esatta.

Inserisci semplicemente il tuo indirizzo nel campo 'Inserisci una query'. Un segnaposto verrà aggiunto in quella posizione e puoi spostare il segnaposto trascinandolo in una nuova posizione, se necessario.

Inserisci la posizione del tuo negozio come query nella sezione Mappa

Al termine, devi scorrere fino all'inizio o alla fine della pagina e fare clic sul pulsante 'Salva modifiche' per memorizzare le tue impostazioni.

Ora puoi aggiungere la tua mappa del localizzatore di negozi a qualsiasi post o pagina di WordPress. Per iniziare, semplicemente modifica o aggiungi un nuovo post o pagina sul tuo sito web.

Una volta nell'editor a blocchi, fai clic sul pulsante '+' in alto e aggiungi il blocco 'AIOSEO Local – Map' ovunque nella pagina. Assicurati di fare clic sul pulsante 'Aggiorna' o 'Pubblica' al termine.

Aggiungi un blocco mappa locale AIOSEO alla tua pagina

Congratulazioni, hai aggiunto correttamente un localizzatore di negozi Google Maps al tuo sito.

Aggiungere mappe per più sedi

Per aggiungere una mappa per una sede diversa, devi navigare nella scheda Sedi della pagina All in One SEO » Local SEO. Una volta lì, devi fare clic sull'opzione 'Sì' per Più sedi e quindi fare clic sul pulsante 'Salva modifiche' in alto nella schermata.

Imposta più sedi su Sì

Una volta salvate le modifiche, noterai che un nuovo tipo di post personalizzato Sedi è stato aggiunto alla barra laterale dell'amministratore. È qui che inserirai le sedi della tua attività.

Procedi e naviga su Sedi » Tutte le sedi e quindi fai clic sul pulsante 'Aggiungi nuovo'.

Aggiungi una nuova posizione

Questo ti porterà all'editor delle località. Dovrai aggiungere un titolo per la località che stai aggiungendo, come il nome del negozio o della città.

Ora dovresti scorrere verso il basso fino alla sezione 'AIOSEO Local Business' della pagina, sotto il contenuto del post.

Assicurati di inserire quante più informazioni possibili perché potrebbero essere visualizzate quando qualcuno cerca la tua attività su Google Search o Google Maps.

Compila la sezione Informazioni sull'attività

Dopodiché, dovresti trovare la sezione 'Mappe' e inserire il tuo indirizzo nel campo 'Inserisci una query'.

Un segnaposto verrà visualizzato in quella posizione.

Aggiungi più posizioni sulla mappa

Dopo aver inserito la tua posizione sulla mappa e aggiunto le informazioni sulla sede, fai clic sul pulsante ‘Publish’.

Ora puoi ripetere questo passaggio e aggiungere le tue altre sedi aziendali.

Una volta terminato, puoi aggiungere una mappa localizzatore di negozi al tuo sito web per ogni località utilizzando il blocco 'AIOSEO Local – Map' nell'editor di WordPress.

Aggiungi un blocco mappa locale AIOSEO alla tua pagina

Ora dovrai scegliere quale località visualizzare sulla mappa.

Per farlo, guarda il pannello delle impostazioni del blocco sulla destra dello schermo e scegli il negozio che desideri visualizzare dal menu a discesa 'Località'.

Scegli una sede del negozio dal menu a discesa nel riquadro Impostazioni

Aggiungi semplicemente blocchi mappa locali aggiuntivi per le altre località. Non dimenticare di fare clic sul pulsante 'Pubblica' o 'Aggiorna' in cima alla pagina per visualizzare le mappe sul tuo sito web.

Metodo 3: Visualizzare più sedi di negozi su una singola mappa

I primi due metodi ti consentono di aggiungere mappe localizzatore di negozi con una singola località. Se hai più sedi, devi aggiungere una mappa separata per ciascuna.

In alternativa, puoi utilizzare il nostro terzo metodo per visualizzare più sedi su una singola mappa.

La prima cosa da fare è installare e attivare il plugin Locatoraid Store Locator. Per maggiori dettagli, consulta la nostra guida passo passo su come installare un plugin WordPress.

Dopo l'attivazione, devi visitare Locatoraid » Configurazione e impostare il plugin.

Nella scheda 'Google Maps', dovrai incollare una chiave API di Google Maps. Puoi seguire il metodo sopra descritto nel Metodo 2 per crearne una.

Quindi, devi fare clic sull'icona 'Salva' per memorizzare la chiave. Dovresti notare che Google Maps è in grado di caricarsi correttamente nella finestra 'Anteprima stile mappa'.

Incolla la tua chiave API di Google Maps

Successivamente, puoi visitare la scheda 'Configurazione' e scegliere se visualizzare miglia o chilometri sulla mappa.

Puoi anche controllare le altre opzioni, come il formato dell'indirizzo, i dettagli che desideri visualizzare sulla mappa e quali utenti possono utilizzare il plugin.

Configura la tua mappa includendo le unità che desideri utilizzare

Una volta soddisfatto delle impostazioni del plugin, assicurati di fare clic sul pulsante 'Salva' per memorizzare le tue impostazioni.

Ora sei pronto per aggiungere le tue sedi. Dovresti navigare su Locatoraid » Sedi. Una volta lì, devi fare clic sul pulsante 'Aggiungi nuovo'.

Fai clic sul pulsante Aggiungi nuovo nella pagina Sedi

Questo ti porterà alla pagina 'Aggiungi nuova sede'. Qui puoi digitare il nome del negozio, la posizione e altri dettagli.

Al termine, dovresti fare clic sul pulsante 'Aggiungi nuova sede' in fondo alla pagina.

Inserisci l'indirizzo del tuo negozio e altre informazioni

Verrai portato alla pagina 'Modifica sede', dove potrai visualizzare la posizione del negozio su una mappa.

Se tutto sembra a posto, dovresti fare clic sul pulsante '< Sede' in cima allo schermo per tornare alla pagina Locatoraid » Sedi nella tua dashboard.

Conferma che la mappa sia corretta, quindi fai clic sul pulsante Località

Puoi aggiungere altre sedi facendo clic sul pulsante 'Aggiungi sede' e ripetendo questi passaggi.

Una volta create tutte le sedi del tuo negozio, puoi aggiungere la mappa al tuo sito web.

Aggiungi o modifica semplicemente una pagina e fai clic sull'icona blu ‘+ Aggiungi blocco’. Dovresti trascinare un blocco Shortcode sulla pagina e quindi inserire lo shortcode [locatoraid] nel campo.

Aggiungi un blocco Shortcode alla tua pagina

Questo shortcode predefinito funzionerà bene per la maggior parte dei siti web. Tuttavia, puoi personalizzare la mappa utilizzando uno shortcode diverso. Visita la pagina Locatoraid » Pubblica per saperne di più.

Ora puoi pubblicare o aggiornare la pagina e visitare il tuo sito web per vedere la mappa del localizzatore di negozi.

Tutte le sedi dei tuoi negozi verranno visualizzate sulla stessa mappa. Se i tuoi utenti digitano il loro indirizzo o fanno clic sul link ‘Localizzami’, potranno trovare i negozi più vicini e ottenere indicazioni stradali.

Anteprima della mappa Locatoraid con più località

Speriamo che questo tutorial ti abbia aiutato a imparare come aggiungere un localizzatore di negozi su Google Maps in WordPress. Potresti anche voler imparare come creare una mappa interattiva in WordPress o dare un'occhiata alla nostra lista dei migliori plugin per lo schema markup per il tuo sito web.

Se ti è piaciuto questo articolo, iscriviti al nostro canale YouTube per tutorial video su WordPress. Puoi anche trovarci su Twitter e Facebook.

Dichiarazione: Il nostro contenuto è supportato dai lettori. Ciò significa che se fai clic su alcuni dei nostri link, potremmo guadagnare una commissione. Vedi come è finanziato WPBeginner, perché è importante e come puoi supportarci. Ecco il nostro processo editoriale.

Il Toolkit WordPress Definitivo

Ottieni l'accesso GRATUITO al nostro toolkit - una raccolta di prodotti e risorse relative a WordPress che ogni professionista dovrebbe avere!

Interazioni del lettore

4 CommentsLeave a Reply

  1. Hi there, the shortcode you have in the instructions on this page for the store locator is incorrect and conflicting.
    you have [wpls] in the instructions but the actual shortcode which you have in the screenshot is [wpsl].
    The s and the l are around the wrong way :)

  2. Dato che Google Maps addebita l'utilizzo del suo servizio, non sarebbe bello offrire anche l'opzione di utilizzare Open Street Map? Sono sicuro che ci devono essere plugin che lo fanno e farlo a mano non è così diverso dall'opzione Google.

    • Al momento non abbiamo un plugin specifico che raccomanderemmo, ma sicuramente terremo d'occhio.

      Amministratore

Lascia una risposta

Grazie per aver scelto di lasciare un commento. Tieni presente che tutti i commenti sono moderati secondo la nostra politica sui commenti, e il tuo indirizzo email NON verrà pubblicato. Si prega di NON utilizzare parole chiave nel campo del nome. Avviamo una conversazione personale e significativa.