Incorporare Google Maps nel tuo sito web consente agli utenti di accedere facilmente alle informazioni sulla posizione, visualizzare un pin sulla mappa per un indirizzo specifico e navigare utilizzando funzionalità come indicazioni e Street View. Inoltre, potenzia la tua SEO locale.
Integrazione manuale di Google Maps tramite codice
Segui i passaggi qui sotto per incorporare Google Maps manualmente o tramite widget di WordPress. Ecco come funziona:
- Apri Google Maps
- Clicca su Condividi e Incorpora una mappa e copia il codice di incorporamento
- Incolla il codice di incorporamento nell'HTML del tuo sito web.
Passo 1: Apri Google Maps
Vai a https://www.google.com/maps/ e cerca la posizione desiderata nella barra di ricerca. Puoi individuare l'indirizzo della tua attività, visualizzare una destinazione o passare alla vista satellitare per ulteriori dettagli.
Passo 2: Genera il codice di incorporamento
- Clicca sul Icona Condividi nell'interfaccia della mappa.
- Nel Finestra di condivisione, seleziona la scheda “Incorpora una mappa”.
- Copia quanto è stato fornito. codice di incorporamento (iframe).
Passo 3: Incolla il codice di incorporamento nell'HTML del tuo sito web
- Apri il tuo Codice HTML Apri un file con qualsiasi editor di codice o apri la tua pagina WordPress e seleziona un widget HTML.
- Individua la sezione in cui vuoi che venga visualizzata la mappa e incolla il codice iframe.
- Salva le modifiche e aggiorna la tua pagina web per visualizzare la mappa incorporata.
Esempio di codice di incorporamento iframe:
Copia CodiceCopiatoUsa un browser diverso<code id="dm-code-raw" class=" no-wrap language-markup"><iframe src="https://www.google.com/maps/embed?..." width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe></code>
Rendere la Mappa Responsive
Per garantire che la mappa appaia bene su tutte le dimensioni dello schermo, puoi avvolgere l'iframe in un contenitore con CSS:
Copia CodiceCopiatoUsa un browser diverso<code id="dm-code-raw" class=" no-wrap language-markup"><div style="position:relative; padding-bottom:56.25%; height:0; overflow:hidden;"> <iframe src="https://www.google.com/maps/embed?..." style="position:absolute; top:0; left:0; width:100%; height:100%; border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe> </div></code>
Incorporare Google Maps utilizzando i costruttori di pagine di WordPress
La maggior parte dei costruttori di pagine WordPress, come Elementor, Divi o WPBakery, includono un Google Maps widget. Questo metodo semplifica il processo ed elimina la necessità di programmazione manuale. I widget spesso offrono opzioni di personalizzazione come i livelli di zoom, il tipo di mappa (predefinito, vista satellitare, ecc.) e la personalizzazione dei marcatori.
Ad esempio, in Elementor puoi incorporare una mappa di Google Maps:
- Alla ricerca di Mappe widget
- Trascinando il Mappe widget sulla tua pagina
- Inserisci il nome della tua sede aziendale
Come utente di WordPress potresti anche voler saperne di più su Come fare SEO su WordPress!
Problemi comuni e risoluzione dei problemi
- Mappa non visualizzata: Verifica nuovamente che il codice iframe sia stato copiato e incollato correttamente.
- Problemi con la chiave API: Alcune funzionalità avanzate potrebbero richiedere un Chiave API per l'integrazione.
- Restrizioni del browser: Assicurati che il tuo sito supporti gli iframe e non presenti plugin o script in conflitto.
Domande frequenti
Posso incorporare Google Maps nel mio sito web gratuitamente?Sì, puoi incorporare Google Maps gratuitamente utilizzando il codice iframe di incorporamento fornito da Google Maps.
L'integrazione di Google Maps aiuta la SEO?Sì, l'integrazione di Google Maps puede migliorare la SEO locale fornendo dati di posizione chiari e migliorando l'esperienza utente.
Conclusione
Incorporare Google Maps è un modo semplice per potenziare il tuo sito web. Che tu scelga di utilizzare il codice manuale o un widget WordPress, offrirai ai tuoi visitatori preziose informazioni sulla posizione e migliorerai la funzionalità del tuo sito. Per gli utenti WordPress, assicurati di consultare la nostra guida collegata per istruzioni passo-passo sull'utilizzo dei widget di Google Maps.
I’m an experienced SEO professional with over a decade of helping over 100 businesses rank higher online, especially local businesses, e-commerce stores and SaaS. As the co-founder of LPagery, I specialize in practical, proven strategies for regular SEO and Local SEO success.
Questo post potrebbe contenere link di affiliazione dai quali riceviamo una commissione quando viene acquistato un determinato prodotto.
I’m an experienced SEO professional with over a decade of helping over 100 businesses rank higher online, especially local businesses, e-commerce stores and SaaS. As the co-founder of LPagery, I specialize in practical, proven strategies for regular SEO and Local SEO success.