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 Google Maps in WordPress (Il modo GIUSTO)

Immagina di perdere un nuovo cliente solo perché non riusciva a trovare la tua porta d'ingresso. Succede più spesso di quanto pensi quando i siti web aziendali mancano di indicazioni chiare.

Noi di WPBeginner abbiamo aiutato innumerevoli proprietari di attività locali a risolvere questo esatto problema. Aggiungere una mappa adeguata non aiuta solo le persone a trovarti. Costruisce fiducia immediatamente.

In questa guida, ti mostreremo come aggiungere Google Maps in WordPress nel modo giusto. Tratteremo sia un metodo manuale rapido che un'opzione potente e ottimizzata per la SEO per migliorare il tuo posizionamento.

Aggiungi Google Maps in WordPress

Perché aggiungere Google Maps in WordPress?

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

Se hai un indirizzo di ufficio o di negozio fisico, aggiungere Google Maps al tuo sito web WordPress rende facile per gli utenti individuare rapidamente i tuoi negozi fisici, ristoranti o punti vendita al dettaglio. Questo ti aiuta ad attrarre più clienti e a generare più affari.

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

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

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

Detto questo, vediamo come puoi aggiungere Google Maps a WordPress. Di seguito sono riportati i collegamenti rapidi che puoi utilizzare per passare alla sezione che preferisci:

  1. Come aggiungere Google Maps in WordPress senza un plugin
  2. Come aggiungere Google Maps a WordPress con un plugin SEO locale
  3. Domande frequenti su Google Maps
  4. Risorse aggiuntive sull'uso delle mappe in WordPress

Come aggiungere Google Maps in WordPress senza un plugin

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

Vai semplicemente sul sito web di Google Maps e digita qualsiasi indirizzo stradale nell'area di ricerca.

Trova una località in Google Maps e fai clic su Condividi per incorporare

Successivamente, devi fare clic sull'icona Condividi, e apparirà un popup con l'opzione per inviare un link di posizione o incorporare una mappa.

Devi selezionare l'opzione 'Incorpora una mappa'.

Copia il codice di incorporamento HTML di Google Maps

Dopodiché, copia semplicemente il codice HTML per Google Maps, e poi apri la pagina in cui desideri incorporare la mappa.

All'interno dell'editor a blocchi, è necessario aggiungere un blocco HTML personalizzato.

Seleziona il blocco HTML personalizzato in WordPress

Ora puoi semplicemente incollare il codice di incorporamento che hai copiato da Google Maps.

Dopo di che, è necessario aggiornare o pubblicare la pagina per visualizzare in anteprima le modifiche.

Codice di incorporamento iFrame di Google Maps nell'editor a blocchi

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

Se sei una piccola impresa, un ristorante o un negozio online con una o più sedi fisiche, allora ti consigliamo di utilizzare la soluzione successiva per massimizzare il tuo posizionamento SEO locale. Utilizza un markup schema appropriato (dati strutturati) per aiutarti a posizionarti più in alto nei risultati di ricerca locali.

Come aggiungere Google Maps a WordPress con un plugin SEO locale

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

È il miglior plugin 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 Pro di AIOSEO perché include la funzionalità 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 plugin AIOSEO in WordPress. Per maggiori dettagli, consulta il nostro tutorial su come installare un plugin WordPress.

Dopo l'attivazione, il plugin avvierà la procedura guidata di configurazione. Puoi fare clic sul pulsante 'Inizia' per configurare il plugin. Se hai bisogno di aiuto, fai riferimento alla nostra guida su come configurare correttamente All in One SEO in WordPress.

Procedura guidata di configurazione AIOSEO

Successivamente, puoi accedere a All in One SEO » Local SEO dalla tua bacheca di WordPress.

Quindi fai clic sul pulsante 'Attiva Local SEO' per iniziare a configurare le impostazioni locali.

Attiva la SEO locale

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

Aggiunta di una singola posizione

Per aggiungere le tue sedi, le informazioni sull'attività, gli orari di apertura e altro ancora, devi prima andare su All in One SEO » Local SEO e aprire la scheda ‘Locations’.

Se hai una singola sede fisica, mantieni l'opzione ‘Multiple Locations’ impostata su No.

Scheda Posizione sotto SEO locale

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

Inizia semplicemente a digitare il tuo indirizzo nel campo di ricerca della mappa e Google Maps lo individuerà per te.

Fissa la posizione del tuo negozio

Una volta inserita la tua posizione, non dimenticare di fare clic sul pulsante ‘Save Changes’.

Aggiungere più sedi

Se hai più di una sede fisica, dovrai abilitare l'impostazione ‘Multiple Locations’ nella scheda ‘Location’ in Local SEO.

Abilita più posizioni

Successivamente, apparirà un nuovo menu Locations nel tuo pannello di amministrazione di WordPress.

Vai su Locations e fai clic sul pulsante ‘Add New’.

Aggiungi una nuova posizione

Una volta nell'editor di WordPress, scorri verso il basso fino alla sezione ‘Map’.

Qui puoi inserire il tuo indirizzo nella casella di ricerca della mappa.

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 tutte le sedi che desideri per la tua attività.

Una volta terminato di aggiungere le tue sedi, puoi andare alla scheda ‘Maps’ 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 di Google Maps

Per iniziare, dovrai visitare il sito web della Google Maps Platform e fare clic sul pulsante ‘Get Started’.

Piattaforma Google Maps

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

Google Maps Platform ha prezzi pay-as-you-go e offre i primi $200 di utilizzo mensile gratuitamente per tutti gli utenti. Per la maggior parte dei siti web, ciò coprirà facilmente un semplice embed di mappa come quello che stiamo creando in questo tutorial.

Non preoccuparti, non ti verranno addebitate commissioni a meno che tu non effettui manualmente l'aggiornamento a un account a pagamento.

Per iniziare, fai clic sul pulsante 'Crea account di fatturazione'.

Crea un account di fatturazione

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

Una volta selezionate queste informazioni, fai clic sulla casella di controllo per i 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.

Una volta fatto ciò, fai clic sul pulsante ‘Invia codice’.

Inserisci il numero di cellulare

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

Una volta inseriti questi dettagli, fai clic sul pulsante ‘Avvia la mia prova gratuita’.

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

Successivamente, ti verrà posta una serie di 4 domande sulla tua organizzazione e su come utilizzerai la Piattaforma Google Maps.

Google Maps ti chiederà il tuo obiettivo principale per l'utilizzo della piattaforma, in quale settore ti trovi, seleziona un caso d'uso e la dimensione della tua azienda.

Dopo aver risposto a queste domande, procedi 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.

Puoi copiare e salvare questa chiave in un file di testo per un uso futuro. Ti consigliamo inoltre di limitare la chiave API al dominio del tuo sito web per prevenire un uso non autorizzato.

Copia la chiave API

Ora che hai creato una chiave API di Google Maps, dovrai tornare alla tua bacheca di WordPress per inserirla nelle impostazioni SEO Locale di AIOSEO.

Configurazione delle impostazioni di Google Maps in WordPress

Ora puoi tornare su All in One SEO » Local SEO dalla tua bacheca di WordPress e quindi navigare nella scheda ‘Mappe’.

Procedi e inserisci la chiave API di Google Maps nel campo ‘API Key’. 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 codice PHP. Ti consente inoltre 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' al termine.

Visualizzare Google Maps in WordPress

Successivamente, puoi aggiungere Google Maps a qualsiasi pagina o post di WordPress. Per iniziare, modifica o aggiungi semplicemente una nuova 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.

Aggiungi il blocco mappe locali

Dopodiché, la tua Google Map verrà aggiunta alla pagina.

AIOSEO ti consente inoltre di modificare le impostazioni della mappa dalle opzioni sulla 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 sulla destra.

Fai semplicemente clic sul menu a discesa 'Posizione' e seleziona la posizione preferita da visualizzare sul tuo sito web.

Scegli quale posizione visualizzare

Una volta soddisfatto delle tue impostazioni, procedi e pubblica la pagina.

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

Anteprima della tua mappa

Puoi anche aggiungere Google Maps alla sezione widget del tuo sito, come la barra laterale o il footer.

Per iniziare, vai su Aspetto » Widget dal tuo pannello di amministrazione di WordPress. Successivamente, fai clic sul pulsante '+' e aggiungi il blocco widget 'AIOSEO Local – Mappa' dove desideri visualizzare la tua posizione.

Aggiungi il widget mappe

Dopodiché, puoi modificare le impostazioni del widget.

Ad esempio, potresti 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 mappe

Ecco fatto!

Ora, quando aggiornerai il tuo sito web, vedrai Google Maps nella tua area widget.

Anteprima mappe nell'area widget

Domande frequenti su Google Maps

Ecco alcune delle domande più comuni che riceviamo sull'aggiunta di Google Maps ai siti WordPress. Queste dovrebbero aiutare a chiarire qualsiasi dubbio e darti la sicurezza di aggiungere mappe al tuo sito web.

1. Ho bisogno di una chiave API di Google per incorporare Google Maps in WordPress?

Dipende dal metodo che utilizzi. Se semplicemente incorpori una mappa utilizzando il codice di condivisione iFrame manuale (Metodo 1 in questa guida), non hai bisogno di una chiave API. Tuttavia, se utilizzi un plugin per sbloccare funzionalità avanzate di SEO locale (Metodo 2), dovrai creare una chiave API gratuita.

2. L'aggiunta di Google Maps rallenterà il mio sito WordPress?

Google Maps può influire sulla velocità del tuo sito se non implementato correttamente. Tuttavia, quando segui i metodi appropriati che delineiamo, l'impatto è minimo. La maggior parte dei temi e dei plugin moderni gestisce il caricamento delle mappe in modo efficiente, e puoi anche utilizzare il caricamento lazy per garantire che le mappe vengano caricate solo quando i visitatori scorrono fino a quella sezione.

3. Posso personalizzare l'aspetto della mia mappa Google su WordPress?

Assolutamente! Puoi personalizzare i colori, rimuovere determinati elementi, aggiungere segnaposto personalizzati e persino creare stili di mappa completamente personalizzati. Molti plugin WordPress offrono opzioni di personalizzazione integrate, oppure puoi utilizzare la procedura guidata di stile di Google per creare una mappa che corrisponda al tuo marchio.

4. È meglio usare un plugin o incorporare Google Maps direttamente?

Per la maggior parte degli utenti WordPress, consigliamo di utilizzare un plugin dedicato per le mappe. I plugin offrono più opzioni di personalizzazione, una migliore ottimizzazione delle prestazioni e una gestione più semplice. L'incorporamento diretto funziona, ma i plugin in genere forniscono un'esperienza più intuitiva e funzionalità aggiuntive come posizioni multiple e stili personalizzati.

5. Quanto costa utilizzare Google Maps sul mio sito WordPress?

Google Maps è gratuito per la maggior parte dei siti web di piccole e medie dimensioni. Google offre 200 $ di utilizzo mensile gratuito, che copre circa 28.000 caricamenti di mappe o 40.000 richieste di indicazioni stradali. La maggior parte dei siti web di attività locali non supererà questi limiti, rendendolo essenzialmente gratuito da usare.

6. Posso aggiungere più sedi aziendali a una singola Google Map?

Sì, puoi assolutamente aggiungere più sedi a una singola mappa. Questo è perfetto per le aziende con più filiali o aree di servizio. La maggior parte dei plugin per mappe di WordPress rende facile aggiungere più marcatori, e puoi personalizzare ogni località con informazioni, colori e icone diverse.

Risorse aggiuntive sull'uso delle mappe in WordPress

Ora che sai come aggiungere Google Maps al tuo sito, potresti voler vedere altre guide relative a mappe e località in WordPress.

Speriamo che questo articolo ti abbia aiutato a imparare come aggiungere Google Maps al tuo sito WordPress. Potresti anche voler vedere le nostre scelte per i migliori plugin Mapbox per WordPress per le piccole imprese e imparare come aggiungere un localizzatore di negozi Google Maps in WordPress.

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

38 CommentsLeave a Reply

  1. Molto utile. Al mio primo tentativo sono riuscito a mettere la mia mappa.
    Grazie mille

  2. grazie per questa guida ben spiegata! Ho un problema per cui ho bisogno di aiuto. Uno dei miei siti web ha un design a colori in modalità scura perché è così che il tema è stato progettato e codificato. Uso anche Google Maps abbastanza spesso, e so che esiste una versione in modalità scura disponibile.

    c'è un modo per aggiungere la versione in modalità scura di Google Maps al mio sito web invece della versione normale? Voglio solo che la mappa corrisponda al design a tema scuro del mio sito web.

    • Al momento non abbiamo un metodo semplice consigliato per cambiare la mappa nella sua variante in modalità scura negli embed. Se ciò dovesse cambiare, non mancheremo di condividerlo!

      Amministratore

  3. Questo è davvero un post che mi fa risparmiare tempo e risorse, poiché stavo cercando un modo minimale per aggiungere un indirizzo di Google Maps sul sito web di uno dei miei clienti e non ero sicuro di come fare.
    Entrambi i metodi, senza plugin e con AIOSEO, sono validi e soddisfano le mie esigenze.
    Ma opterei per AIOSEO per implementare questa funzionalità poiché aiuterà anche nella SEO locale.
    Grazie per questa utile guida per l'incorporamento di Google Maps.

  4. Ciao, sai come nascondere lo spazio bianco di 13px in fondo alla mappa Google incorporata?
    Grazie in anticipo
    Melanie

  5. Ho una mappa Google sul mio sito web, ma il segnaposto aggiunto alla mappa non è cliccabile. Il segnaposto mostra solo l'indirizzo ma non reindirizza se ci si clicca sopra. È possibile rendere l'icona cliccabile?

  6. Non devi ottenere un'API da Google prima di poter utilizzare un plugin per mappe e inserirlo nel plugin? Questa è stata la mia esperienza di recente.

    • Ciao, sto cercando di inserire una mappa Google sul mio sito web (Wordpress) ma continua a scomparire. Ho capito bene che Google ora chiede 200$ al mese per questo o qualunque sia il costo, o posso ancora inserire una mappa gratuitamente?

      • Google ora addebita per l'uso intensivo della sua API delle mappe su cui si basa il plugin; i 200$ che probabilmente hai visto erano il credito mensile gratuito che Google offre a coloro che utilizzano la sua API, in modo che i siti più piccoli non vengano addebitati.

        Amministratore

        • Sì, è vero, ma esiste un'alternativa all'API di Google Maps. OSMapper è il plugin che utilizza l'API di Open Street Maps che non richiede chiavi API e non ha limiti di utilizzo. Puoi installarlo da Wordpress.org.

        • Anche se non l'abbiamo ancora testato, ci assicureremo di dargli un'occhiata.

  7. Ho provato il primo passaggio: copiare l'HTML dopo aver cliccato sul pulsante embed e incollarlo nella versione testuale del post. Sono andato su quella visiva e ho visto la mappa di Google incorporata. L'ho salvato e il sito rimuove la mappa. I testi modificati rimangono, tuttavia, ma la mappa continua a scomparire. Si ripete ad ogni tentativo. Perché succede?

  8. Ottimo tutorial – breve e conciso. Avevo provato altri due plugin che al mio cliente non erano piaciuti. Grazie per le informazioni sull'incorporamento manuale. Ha funzionato perfettamente e velocemente.

    Molte, molte grazie per questo tutorial.
    Sara

  9. Egregio Signore/Signora,

    Vorrei cambiare l'indirizzo di Google Map e non sono sicuro di dove trovare questo link incorporato per aggiornare il backend di WP. Non sono riuscito a trovarlo nel menu contatti per localizzarlo.

    Chiedo il vostro gentile consiglio!

    Grazie!

    Saluti,
    Denny Png

  10. Grazie! È quello che stavo cercando! Perfetto per il mio post di viaggio sul mio blog! Il video è fantastico e molto utile!

  11. Mi piacerebbe farlo, ma quando vado su Google Maps e digito l'indirizzo, non c'è assolutamente nessun ingranaggio, quindi non riesco nemmeno a ottenere un link da copiare per WordPress. Avete idee o suggerimenti?

  12. Ciao!
    Non riesco a trovare il codice.. Non c'è nessuna "icona a forma di fiore" né altri link in basso a destra sulla mappa. È perché il luogo che sto cercando di aggiungere non ha un indirizzo stradale, sono solo coordinate?
    Grazie in anticipo.

  13. C'è un modo per ottenere questa mappa come sfondo di una pagina con lunghezza totale, diciamo larghezza 100% e altezza 100%, qualcosa del genere??

  14. Grazie mille! Perché qualcuno dovrebbe preoccuparsi di un plugin che potrebbe rallentare il proprio sito quando hai fornito istruzioni così semplici per ottenere il codice da Google Maps?

    A proposito, se qualcuno ha difficoltà a trovare il codice. Una volta visualizzata la mappa, vai nell'angolo in basso a destra e fai clic sull'icona del fiore e fai clic su "Condividi e incorpora mappa". Quindi fai clic su "Incorpora mappa" e inseriscilo nella tua pagina/o post di WP.

  15. Ciao, mi chiedevo se fosse possibile far visualizzare a Google Maps la posizione dei Gruppi (Buddypress)?
    Grazie per il tuo aiuto.

  16. Salve signore,

    voglio usare un plugin che fornisca la posizione esatta. Puoi suggerirmene uno? Uso plugin come map press, leaflet market, wp google map ecc. ma ancora niente. Tutti questi plugin mostrano una posizione lontana dalla mia posizione esatta. Voglio la posizione esatta dove si trova il mio negozio. Per favore aiutami. O c'è un modo per sviluppare una mappa personalizzata e metterla su un sito WordPress? Per favore, fornisci una procedura passo passo.

    Grazie e cordiali saluti,
    aamir

  17. Grazie per aver dedicato del tempo a scrivere questo articolo. È molto utile. È possibile aggiungere una mappa di Google collegata a Google Places?

  18. Molto bello. Ma quando usiamo le coordinate, la mappa lightbox non funziona bene. Mostra solo un posto negli Stati Uniti. Come posso risolvere questo problema?

    Grazie

  19. Grazie per tutti gli articoli informativi su WP che stai pubblicando.

    È possibile aggiungere una Google Map a un sito che

    1. aggiunge automaticamente la posizione di tutti i visitatori del sito o commentatori su una mappa
    e
    2. consente di aggiungere tutti i clienti, probabilmente manualmente, anche se sarebbe buona anche un'opzione automatica. Ho un piccolo sito di e-commerce che ha clienti in tutto il mondo e ho pensato che sarebbe divertente mostrare dove abbiamo spedito le cose.

    • Grazie mille!

      Ho già fondato (MapPress Easy Google Maps) ed è un bel plugin.
      E naturalmente, la tua attenzione è un supporto molto gentile. GRAZIE!!!
      Ancora una cosa, per favore.
      Vorrei usare queste mappe nelle schede, ma l'unico plugin per schede (shortcode) che ho trovato finora che mostra le mappe è (Jshortcode). (Intendo dire che le mostra nella seconda o terza scheda. Le altre non vengono mostrate nella seconda o terza scheda.) È anche un bel plugin ma ha schede molto colorate.
      Forse potresti essere così gentile da consigliare altri plugin per risolvere questo problema.

      Grazie in anticipo
      Cordiali saluti
      Zakaria

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.