migliorare-user-experience-ux-per-siti-web

In questo articolo ti spiegheremo come aggiungere Google Maps in WordPress facilmente.

Integrare Google Maps su siti WordPress per mostrare la propria posizione geografica è utile a qualsiasi sito, in particolare per le aziende che desiderano farsi trovare dai clienti.

Se gestisci un’attività locale, la visualizzazione di Google Maps sul tuo sito può aiutare gli utenti a trovare facilmente la tua posizione. Può anche aiutare a migliorare la visibilità del motore di ricerca del tuo sito in modo da poter attirare più visitatori del sito web.

Perché aggiungere Google Maps in WordPress?

Sapevi che Google Maps è l’app di navigazione più popolare su tutte le piattaforme?

Se hai l’indirizzo di un ufficio o di un negozio fisico, l’aggiunta di Google Maps al tuo sito Web WordPress consente agli utenti di individuare rapidamente i tuoi negozi fisici, ristoranti o punti vendita. Questo ti aiuta ad attirare più clienti e generare più affari.

Non solo, ma l’incorporamento di Google Maps può anche migliorare la SEO di WordPress. Secondo Google, il 46% di tutte le ricerche sono locali. L’aggiunta di Google Maps a WordPress può aumentare la tua SEO locale e migliorare la tua visibilità nelle ricerche locali.

Ora, ci sono due modi per incorporare Google Maps in WordPress e ti mostreremo entrambi.

Il vantaggio del secondo metodo è che segue tutte le migliori pratiche SEO local, quindi se lo usi, Google inizierà a includere la tua posizione su Google Maps. Mostrerà anche le informazioni sulla tua attività come nome, logo, indirizzo, numero di telefono, orari di apertura e altro nei risultati di ricerca locali.

Di seguito sono riportati i collegamenti rapidi che puoi utilizzare per accedere alla sezione che preferisci:

Detto questo, vediamo come aggiungere Google Maps a WordPress.

Come aggiungere Google Maps in WordPress senza plug-in

Se desideri semplicemente incorporare rapidamente le mappe di Google in un post o in una pagina di WordPress, puoi utilizzare il metodo iFrame predefinito.

Basta andare sul sito Web di Google Maps e digitare un indirizzo qualsiasi nell’area di ricerca.

Trova la posizione in Google Maps e fai clic su Condividi per incorporare

Successivamente, è necessario fare clic sull’icona Condividi (Share) e verrà visualizzato un popup con l’opzione per inviare un collegamento di posizione o incorporare una mappa. Devi selezionare l’opzione Incorpora una mappa (Embed a map).

Copia il codice di incorporamento HTML di Google Maps

Dopodiché copia semplicemente il codice HTML per Google Maps, quindi apri la pagina in cui desideri incorporare la mappa. All’interno dell’editor di blocchi WordPress, devi aggiungere un blocco HTML personalizzato.

Seleziona Blocco HTML personalizzato in WordPress

Ora puoi semplicemente incollare il codice di incorporamento che hai copiato da Google Maps, quindi aggiornare o pubblicare la pagina per visualizzare in anteprima le modifiche.

Codice di incorporamento iFrame di Google Maps nell'editor blocchi

Questo metodo funziona per incorporare rapidamente le mappe di Google, ma non offre i massimi vantaggi SEO.

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 massimizzare le tue classifiche SEO locali perché utilizza i dati Open Graph appropriati per aiutarti a classificarti più in alto in Google.

Come aggiungere Google Maps a WordPress con il plug-in All In One Seo

Il modo migliore per aggiungere Google Maps e ottimizzare il tuo sito per la SEO locale è utilizzare All in One SEO (AIOSEO).

È uno dei migliori plug-in SEO per WordPress perché ti aiuta a ottenere classifiche SEO più elevate senza modificare il codice o assumere uno sviluppatore. Oltre 3 milioni di professionisti utilizzano AIOSEO per migliorare il posizionamento sui motori di ricerca.

AIOSEO

Per questo tutorial, utilizzeremo la versione AIOSEO Pro perché include la funzione Local SEO e altre potenti opzioni di ottimizzazione. Esiste anche una versione gratuita di AIOSEO che puoi utilizzare per iniziare a ottimizzare il tuo sito per i motori di ricerca.

Innanzitutto, dovrai installare e attivare il plug-in AIOSEO in WordPress. Se non sai come fare, consulta il nostro tutorial su come installare un plugin per WordPress.

Dopo l’attivazione, il plug-in avvierà la procedura guidata di configurazione. Puoi fare clic sul pulsante “Iniziamo” per configurare il plug-in. Se hai bisogno di aiuto, fai riferimento alla nostra guida su come impostare correttamente All in One SEO in WordPress.

Procedura guidata di configurazione AOSEO

Successivamente, puoi andare su All in One SEO »Local Seo dalla dashboard di WordPress.

Quindi fare clic sul pulsante “Attiva SEO locale” per iniziare a configurare le impostazioni locali.

Attiva SEO locale

Una volta attivato il componente aggiuntivo Local SEO per WordPress, puoi aggiungere una o più posizioni in AIOSEO e visualizzarle su Google Maps. Ti mostreremo come aggiungere entrambi al tuo sito web.

Aggiunta di una singola posizione

Per aggiungere sedi, informazioni sull’attività, orari di apertura e altro, devi prima accedere alla scheda “Posizione” in All in One SEO » Local SEO.

Se disponi di un’unica posizione fisica, mantieni l’opzione “Posizioni multiple” impostata su No.

Scheda Posizione in SEO locale

Successivamente, scorri verso il basso fino alla sezione “Mappe” per fissare la tua posizione esatta.

Inserisci semplicemente il tuo indirizzo nel campo “Inserisci una query” e Google Maps mostrerà la tua posizione.

Appunta la posizione del tuo negozio

Dopo aver inserito la tua posizione, non dimenticare di fare clic sul pulsante Salva modifiche.

Aggiunta di più posizioni

Se hai più di una posizione fisica, dovrai abilitare l’impostazione “Posizioni multiple” nella scheda “Posizione” in Local SEO.

Abilita più posizioni

Successivamente, nel pannello di amministrazione di WordPress apparirà un nuovo menu Posizioni (Locations).

Vai avanti e vai a Posizioni (Locations), quindi fai clic sul pulsante “Aggiungi nuovo“.

Aggiungi una nuova posizione

Una volta che sei nell’editor di WordPress, scorri verso il basso fino alla sezione “Maps“.

Qui puoi inserire il tuo indirizzo nel campo ‘Inserisci una richiesta (Enter a query)‘.

Aggiungi più posizioni sulla mappa

Dopo aver inserito la tua posizione sulla mappa e aver aggiunto le informazioni sulla posizione, vai avanti e fai clic sul pulsante “Pubblica“.

Ora puoi ripetere questo passaggio e aggiungere tutte le sedi che desideri per la tua attività.

Una volta che hai finito di aggiungere le tue posizioni, puoi tornare alla scheda “Mappe” nel menu All in One SEO » Local SEO.

Qui dovrai inserire una chiave API di Google Maps.

Inserisci la chiave API di Google Maps

Ora vediamo come creare una chiave API per Google Maps.

Creazione di una chiave API per Google Maps

Per iniziare, devi visitare il sito Web della piattaforma Google Maps e fare clic sul pulsante “Inizia“.

Piattaforma Google Maps

Dopo aver effettuato l’accesso con il tuo account Google, dovrai configurare un account di fatturazione.

Google Maps Platform ha prezzi con pagamento in base al consumo e offre i primi $ 300 di utilizzo mensile gratuitamente per tutti gli utenti. Per la maggior parte dei siti Web, ciò coprirà facilmente una semplice mappa incorporata come quella che stiamo creando in questo tutorial.

Non preoccuparti, non ti addebiteranno alcuna commissione a meno che tu non esegua manualmente l’upgrade a un account a pagamento.

Per iniziare, vai avanti e fai clic sul pulsante “Crea account di fatturazione“.

Crea un account di fatturazione

Successivamente, puoi selezionare il tuo paese e scegliere ciò che meglio descrive la tua organizzazione dal menu a discesa.

Dopo aver selezionato queste informazioni, fai clic sulla casella di controllo per Termini di servizio e quindi fai clic sul pulsante “Continua“.

Inserisci i dati personali per l'account di fatturazione

Nella schermata successiva, dovrai inserire il tuo numero di telefono per la verifica e fare clic sul pulsante “Invia codice“.

Inserisci il numero di cellulare

Dopo aver verificato il codice, la prossima cosa da fare è inserire il nome della tua attività, i dettagli del metodo di pagamento e l’indirizzo di fatturazione.

Dopo aver inserito questi dettagli, fai clic sul pulsante “Inizia la mia prova gratuita“.

Inserisci il nome dell'attività e i dettagli di pagamento

Successivamente, ti verranno poste una serie di 4 domande sulla tua organizzazione e su come utilizzerai Google Maps Platform.

Google Maps chiederà il tuo obiettivo principale per l’utilizzo della piattaforma, il settore in cui ti trovi, selezionare un caso d’uso e le dimensioni della tua azienda.

Dopo aver risposto a queste domande, vai avanti e fai clic sul pulsante “Invia“.

Rispondi ad alcune domande per Google Maps

Ora vedrai un popup con la tua chiave API di Google Maps.

È possibile copiare e salvare questa chiave in un file di testo per un uso futuro.

Copia la chiave API

Ora che hai creato una API key di Google Maps, dovrai tornare alla dashboard di WordPress per inserirla nelle impostazioni Local SEO di AOSEO.

Configurazione delle impostazioni di Google Maps in WordPress

Ora puoi tornare a All in One SEO »Local Seo lcale dalla dashboard di WordPress e quindi passare alla scheda “Mappe“.

Vai avanti e inserisci la chiave API di Google Maps nel campo “Chiave API“. Vedrai un’anteprima della mappa in AIOSEO non appena aggiungi la chiave.

Aggiungi la chiave API e visualizza l'anteprima della mappa

Successivamente, puoi scorrere verso il basso per modificare le impostazioni della mappa.

AIOSEO ti consente di visualizzare Google Maps utilizzando un blocco Gutenberg, uno shortcode , un widget o un codice PHP. Ti consente anche di scegliere diversi stili di mappa e aggiungere un indicatore personalizzato alla tua mappa.

Modifica le impostazioni della mappa

Non dimenticare di fare clic sul pulsante “Salva modifiche” quando hai finito.

Visualizzare Google Maps in WordPress

Successivamente, puoi aggiungere Google Maps a qualsiasi post o pagina di WordPress. Per iniziare, modifica o aggiungi semplicemente una nuova pagina sul tuo sito web.

Una volta che sei nell’editor dei blocchi, fai clic sul pulsante “+” in alto e aggiungi il blocco “AIOSEO Local – Mappa” in qualsiasi punto della pagina.

Aggiungi blocco mappe locali

Successivamente, la tua mappa di Google verrà aggiunta alla pagina.

AIOSEO ti consente anche di modificare le impostazioni della mappa dalle opzioni alla tua destra. Ad esempio, puoi mostrare etichette e icone, aggiungere un indicatore personalizzato e modificare la larghezza e l’altezza della mappa.

Modifica la tua mappa in WordPress

Se hai più posizioni, puoi selezionare quale posizione evidenziare scegliendo tra le opzioni fornite nel menu alla tua destra.

Basta fare clic sul menu a discesa “Posizione” e selezionare la posizione preferita da visualizzare sul tuo sito web.

Scgehliere Quale Posizione Mostrare In Google Maps

Una volta che sei soddisfatto delle tue impostazioni, vai avanti e pubblica la pagina.

Ora puoi visitare il tuo sito web per vedere Google Maps in azione.

Visualizza in anteprima la tua mappa

Puoi anche aggiungere Google Maps in WordPress nella sezione dei widget del tuo sito, come la barra laterale o il footer.

Per iniziare, vai su Aspetto »Widget dal pannello di amministrazione di WordPress. Quindi, fai clic sul pulsante “+” e aggiungi il blocco del widget “AIOSEO Local – Mappa” in cui desideri visualizzare la tua posizione.

Aggiungi widget mappe

Successivamente, puoi modificare le impostazioni del widget.

Ad esempio, puoi aggiungere un titolo, modificare la larghezza e l’altezza della mappa, scegliere quale posizione visualizzare se hai più posizioni e modificare l’etichetta.

Modifica le impostazioni del widget mappa

Ora quando aggiornerai il tuo sito web vedrai Google Maps nell’area dei tuoi widget.

Anteprima mappe nell'area widget

E’ tutto. Ci auguriamo che questo tutorial ti abbia aiutato a imparare come aggiungere Google Maps in WordPress. Potrebbe interessarti anche la nostra guida su come installare Google Analytics per monitorare il traffico del tuo sito web.

Dichiarazione sulla trasparenza: il contenuto di B-Fast è supportato dal lettore, il che significa che se fai clic su alcuni dei collegamenti in questo post, potremmo guadagnare una piccola tassa di riferimento. Tieni presente che raccomandiamo solo prodotti che utilizziamo noi stessi e / o che riteniamo possano aggiungere valore ai nostri lettori.