{"id":126095,"date":"2025-05-08T09:00:00","date_gmt":"2025-05-08T07:00:00","guid":{"rendered":"https:\/\/supporthost.com\/it\/?p=126095"},"modified":"2025-07-12T12:25:47","modified_gmt":"2025-07-12T10:25:47","slug":"google-maps-wordpress","status":"publish","type":"post","link":"https:\/\/supporthost.com\/it\/google-maps-wordpress\/","title":{"rendered":"Come inserire Google Maps su WordPress"},"content":{"rendered":"\n<p><strong>Inserire Google Maps su WordPress \u00e8 utile<\/strong> ai blogger per arricchire i propri contenuti, ai proprietari di attivit\u00e0 locali per <a href=\"https:\/\/supporthost.com\/it\/local-seo\/\">migliorare la SEO locale<\/a> e a chiunque abbia un sito per offrire una migliore esperienza utente.<\/p>\n\n\n\n<p>Ci sono vari modi per aggiungere una mappa di Google Maps a un sito WordPress; quale sia il migliore <strong>dipende dalle tue esigenze<\/strong>: preferisci la soluzione pi\u00f9 rapida, o quella che offre pi\u00f9 vantaggi SEO? Di che livello di personalizzazione hai bisogno e quanto spesso hai intenzione di incorporare mappe nelle tue pagine?<\/p>\n\n\n\n<p>In questa guida vedremo <strong>come inserire Google Maps su WordPress con tutti i metodi <\/strong>disponibili: senza plugin, con le versioni pro dei pi\u00f9 famosi plugin per la SEO e con plugin per Google Maps dedicati.&nbsp;<\/p>\n\n\n\n<p>Scegli quello che ti sembra pi\u00f9 adatto a te e al tuo progetto e inizia: incorporare mappe nei contenuti non \u00e8 difficile e pu\u00f2 dare molta soddisfazione.<\/p>\n\n\n\n<div class=\"wp-block-rank-math-toc-block\" id=\"rank-math-toc\"><h2>Indice<\/h2><nav><ul><li><a href=\"#perche-inserire-google-maps-su-word-press\">Perch\u00e9 inserire Google Maps su WordPress\u00a0<\/a><\/li><li><a href=\"#come-aggiungere-google-maps-in-word-press-senza-un-plugin\">Come aggiungere Google Maps in WordPress senza un plugin<\/a><ul><li><a href=\"#integrare-google-maps-tramite-i-frame\">Integrare Google Maps tramite iFrame<\/a><\/li><li><a href=\"#incorporare-mappe-complesse-con-google-my-maps\">Incorporare mappe complesse con Google My Maps<\/a><\/li><\/ul><\/li><li><a href=\"#come-aggiungere-google-maps-in-word-press-con-un-plugin\">Come aggiungere Google Maps in WordPress con un plugin<\/a><ul><li><a href=\"#ottenere-la-chiave-api-di-google-maps\">Ottenere la chiave API di Google Maps<\/a><\/li><li><a href=\"#inserire-google-maps-su-word-press-con-un-plugin-seo-pro\">Inserire Google Maps su WordPress con un plugin SEO (Pro)<\/a><\/li><li><a href=\"#incorporare-una-mappa-con-un-plugin-per-google-maps\">Incorporare una mappa con un plugin per Google Maps<\/a><\/li><\/ul><\/li><li><a href=\"#evitare-che-google-maps-rallenti-il-sito\">Evitare che Google Maps rallenti il sito<\/a><\/li><li><a href=\"#conclusioni\">Conclusioni<\/a><\/li><\/ul><\/nav><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"perche-inserire-google-maps-su-word-press\">Perch\u00e9 inserire Google Maps su WordPress&nbsp;<\/h2>\n\n\n\n<p>Ci sono tanti motivi per incorporare una mappa sul tuo sito WordPress.<\/p>\n\n\n\n<p><strong>Se hai un\u2019attivit\u00e0<\/strong>, inserendo Google Maps con la tua posizione in WordPress farai in modo che i tuoi visitatori riescano a localizzarti subito. <strong>Se nella tua sede ricevi potenziali clienti<\/strong>, vedere subito il percorso per raggiungerti aumenta le probabilit\u00e0 che ti facciano visita. E anche<strong> nel caso in cui lavori solo online<\/strong>, per gli utenti del tuo sito pu\u00f2 essere in qualche modo rassicurante sapere dove ti trovi, soprattutto se non \u00e8 lontano da dove stanno loro.&nbsp;<\/p>\n\n\n\n<p>Considera pure i vantaggi di una <strong>migliore esperienza utente<\/strong>, come poter vedere le tue recensioni di Google My Business o pianificare il tragitto dal sito, senza dover aprire altre app.<\/p>\n\n\n\n<p>Non solo: una mappa incorporata nei contenuti web <strong>contribuisce alla SEO locale, <\/strong>sempre pi\u00f9 indispensabile per chiunque abbia un\u2019attivit\u00e0 aperta al pubblico. Tra l\u2019altro l\u2019utilit\u00e0 dell\u2019ottimizzazione per le ricerche locali \u2013 a differenza del resto della <a href=\"https:\/\/supporthost.com\/it\/seo-significato\/\" data-type=\"post\" data-id=\"21310\">SEO<\/a> \u2013 resiste bene all&#8217;evoluzione delle SERP.<\/p>\n\n\n\n<p>Inserire Google Maps su WordPress porta <strong>vantaggi anche ai blogger<\/strong> poich\u00e9 permette ai lettori di individuare pi\u00f9 facilmente i luoghi citati insieme al percorso per raggiungerli.<\/p>\n\n\n\n<p>Le mappe possono rendere i <strong>contenuti informativi pi\u00f9 credibili e utili<\/strong>. Su un blog dedicato al fitness o al trekking, ad esempio, le mappe potrebbero contenere i percorsi suggeriti; su un blog per famiglie, luoghi dove i bambini possono giocare.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"717\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/inserire-google-maps-wordpress-1024x717.png\" alt=\"Inserire Google Maps WordPress\" class=\"wp-image-126105\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/inserire-google-maps-wordpress-1024x717.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/inserire-google-maps-wordpress-300x210.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/inserire-google-maps-wordpress-768x538.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/inserire-google-maps-wordpress-90x63.png 90w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/inserire-google-maps-wordpress.png 1151w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Scopriamo insieme come incorporarle nel tuo <a href=\"https:\/\/supporthost.com\/it\/sito-wordpress\/\" data-type=\"post\" data-id=\"38754\">sito WordPress<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"come-aggiungere-google-maps-in-word-press-senza-un-plugin\">Come aggiungere Google Maps in WordPress senza un plugin<\/h2>\n\n\n\n<p>Se vuoi <strong>incorporare una mappa semplice<\/strong>, cos\u00ec come la vedi su Google Maps, puoi aggiungerla in WordPress senza plugin usando iFrame.<\/p>\n\n\n\n<p>Se invece vuoi <strong>inserire una mappa personalizzata<\/strong> senza usare un plugin, dovrai comunque usare iFrame, per\u00f2 a partire da Google My Maps.<\/p>\n\n\n\n<p>In generale modificare direttamente l\u2019html \u00e8 <strong>il modo pi\u00f9 veloce ma meno efficace lato SEO<\/strong> per integrare sul sito le mappe di Google, perch\u00e9 non aggiunge dati strutturati \u2018locali\u2019, a differenza dei metodi che esamineremo dopo.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"integrare-google-maps-tramite-i-frame\">Integrare Google Maps tramite iFrame<\/h3>\n\n\n\n<p>Cos\u2019\u00e8 iFrame? Un elemento html associato alla mappa che serve a incorporarla sul sito.<\/p>\n\n\n\n<p>Integrare Google Maps tramite iFrame \u00e8 l\u2019opzione pi\u00f9 adatta a chi vuole aiutare gli utenti a localizzare <strong>punti di interesse che non corrispondono alla propria azienda<\/strong>: ad esempio a un blogger che fa una panoramica di luoghi \u2018da vedere assolutamente\u2019.<\/p>\n\n\n\n<p>Se hai fretta, niente ti impedisce di usare lo stesso metodo anche per <strong>mostrare dove si trova la tua attivit\u00e0<\/strong>.<\/p>\n\n\n\n<p>Per incorporare la mappa col codice, vai sul <a href=\"https:\/\/www.google.com\/maps\" rel=\"noopener\">sito di Google Maps<\/a> e <strong>cerca <\/strong>l\u2019indirizzo, il luogo o l\u2019attivit\u00e0.<\/p>\n\n\n\n<p>Clicca su <em>Condividi &gt; Incorpora una mappa<\/em>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"962\" height=\"716\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/google-maps-attivita-locale.png\" alt=\"Google Maps Attivit\u00e0 Locale\" class=\"wp-image-126107\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/google-maps-attivita-locale.png 962w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/google-maps-attivita-locale-300x223.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/google-maps-attivita-locale-768x572.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/google-maps-attivita-locale-85x63.png 85w\" sizes=\"auto, (max-width: 962px) 100vw, 962px\" \/><\/figure>\n\n\n\n<p>Scegli la <strong>dimensione <\/strong>che dovr\u00e0 avere la mappa su WordPress e poi <strong>copia l\u2019html<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"644\" height=\"660\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/google-maps-dimensione-mappa.png\" alt=\"Google Maps Dimensione Mappa\" class=\"wp-image-126109\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/google-maps-dimensione-mappa.png 644w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/google-maps-dimensione-mappa-293x300.png 293w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/google-maps-dimensione-mappa-61x63.png 61w\" sizes=\"auto, (max-width: 644px) 100vw, 644px\" \/><\/figure>\n\n\n\n<p>Entra nell\u2019editor della pagina in cui vuoi inserire la mappa e aggiungi un <strong>blocco html<\/strong>.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"482\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/inserire-google-maps-wordpress-editor-1024x482.png\" alt=\"Inserire Google Maps WordPress Editor\" class=\"wp-image-126110\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/inserire-google-maps-wordpress-editor-1024x482.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/inserire-google-maps-wordpress-editor-300x141.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/inserire-google-maps-wordpress-editor-768x361.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/inserire-google-maps-wordpress-editor-120x56.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/inserire-google-maps-wordpress-editor.png 1195w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Incolla <\/strong>al suo interno la porzione di codice.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"328\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/inserire-google-maps-wordpress-html-1024x328.png\" alt=\"Inserire Google Maps WordPress Html\" class=\"wp-image-126111\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/inserire-google-maps-wordpress-html-1024x328.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/inserire-google-maps-wordpress-html-300x96.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/inserire-google-maps-wordpress-html-768x246.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/inserire-google-maps-wordpress-html-120x38.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/inserire-google-maps-wordpress-html-1536x493.png 1536w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/inserire-google-maps-wordpress-html.png 1631w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Fatto! Dall\u2019<strong>anteprima<\/strong> puoi gi\u00e0 vedere la mappa di Google Maps incorporata.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"933\" height=\"770\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/mappa-google-maps-wordpress-anteprima.png\" alt=\"Mappa Google Maps WordPress Anteprima\" class=\"wp-image-126112\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/mappa-google-maps-wordpress-anteprima.png 933w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/mappa-google-maps-wordpress-anteprima-300x248.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/mappa-google-maps-wordpress-anteprima-768x634.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/mappa-google-maps-wordpress-anteprima-76x63.png 76w\" sizes=\"auto, (max-width: 933px) 100vw, 933px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"incorporare-mappe-complesse-con-google-my-maps\">Incorporare mappe complesse con Google My Maps<\/h3>\n\n\n\n<p>Se invece vuoi aggiungere a WordPress, senza usare un plugin, <strong>mappe complesse<\/strong> che contengono, ad esempio, molteplici segnaposto e informazioni personalizzate, dovrai applicare lo stesso metodo a una mappa di <strong>Google My Maps<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"514\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/google-my-maps-inizia-1024x514.png\" alt=\"Google My Maps Inizia\" class=\"wp-image-126113\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/google-my-maps-inizia-1024x514.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/google-my-maps-inizia-300x151.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/google-my-maps-inizia-768x385.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/google-my-maps-inizia-120x60.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/google-my-maps-inizia.png 1347w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Dentro <a href=\"https:\/\/www.google.com\/maps\/about\/mymaps\/\" rel=\"noopener\">My Maps<\/a> hai la possibilit\u00e0 di trovare <strong>mappe personalizzate<\/strong> di altri utenti, come questa:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"502\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/mappe-personalizzate-google-my-maps-inizia-1024x502.png\" alt=\"Mappe Personalizzate Google My Maps Inizia\" class=\"wp-image-126114\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/mappe-personalizzate-google-my-maps-inizia-1024x502.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/mappe-personalizzate-google-my-maps-inizia-300x147.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/mappe-personalizzate-google-my-maps-inizia-768x377.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/mappe-personalizzate-google-my-maps-inizia-120x59.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/mappe-personalizzate-google-my-maps-inizia.png 1350w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>E puoi anche <a href=\"https:\/\/support.google.com\/mymaps\/answer\/3024454?hl=en&amp;amp;ref_topic=3188329\" rel=\"noopener\">creare le tue<\/a>, col pulsante <strong>Crea una nuova mappa<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"440\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/crea-nuova-mappa-google-my-maps-1024x440.png\" alt=\"Crea Nuova Mappa Google My Maps\" class=\"wp-image-126115\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/crea-nuova-mappa-google-my-maps-1024x440.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/crea-nuova-mappa-google-my-maps-300x129.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/crea-nuova-mappa-google-my-maps-768x330.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/crea-nuova-mappa-google-my-maps-120x52.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/crea-nuova-mappa-google-my-maps.png 1125w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Quando \u00e8 pronta, rendi pubblica la mappa selezionando <strong>Condividi<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"821\" height=\"375\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/condividi-mappa-google-my-maps.png\" alt=\"Condividi Mappa Google My Maps\" class=\"wp-image-126116\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/condividi-mappa-google-my-maps.png 821w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/condividi-mappa-google-my-maps-300x137.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/condividi-mappa-google-my-maps-768x351.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/condividi-mappa-google-my-maps-120x55.png 120w\" sizes=\"auto, (max-width: 821px) 100vw, 821px\" \/><\/figure>\n\n\n\n<p>Scegli le <strong>impostazioni di condivisione<\/strong>: se la mappa sar\u00e0 visibile solo a chi ha il link o a chiunque sul web.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"684\" height=\"470\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/impostazioni-condividi-mappa-google-my-maps.png\" alt=\"Impostazioni Condividi Mappa Google My Maps\" class=\"wp-image-126117\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/impostazioni-condividi-mappa-google-my-maps.png 684w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/impostazioni-condividi-mappa-google-my-maps-300x206.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/impostazioni-condividi-mappa-google-my-maps-92x63.png 92w\" sizes=\"auto, (max-width: 684px) 100vw, 684px\" \/><\/figure>\n\n\n\n<p>Ora vai sul men\u00f9 con i tre punti (<em>\u205d<\/em>) e scegli <strong>Incorpora sul mio sito<\/strong>.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"715\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/incorpora-sul-sito-google-my-maps-1024x715.png\" alt=\"Incorpora Sul Sito Google My Maps\" class=\"wp-image-126118\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/incorpora-sul-sito-google-my-maps-1024x715.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/incorpora-sul-sito-google-my-maps-300x210.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/incorpora-sul-sito-google-my-maps-768x536.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/incorpora-sul-sito-google-my-maps-90x63.png 90w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/incorpora-sul-sito-google-my-maps.png 1154w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Decidi se nome e <strong>immagine profilo dell\u2019autore<\/strong> della mappa devono essere inclusi nell\u2019intestazione.&nbsp;<\/p>\n\n\n\n<p>Dopodich\u00e9 potrai <strong>copiare l\u2019iFrame e incollarlo<\/strong> dentro a un blocco html nella pagina di destinazione, come abbiamo gi\u00e0 visto in <a href=\"#integrare-google-maps-tramite-iframe\" data-type=\"internal\" data-id=\"#integrare-google-maps-tramite-iframe\">Integrare Google Maps tramite iFrame<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"711\" height=\"448\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/iframe-condividi-mappa-google-my-maps.png\" alt=\"Iframe Condividi Mappa Google My Maps\" class=\"wp-image-126119\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/iframe-condividi-mappa-google-my-maps.png 711w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/iframe-condividi-mappa-google-my-maps-300x189.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/iframe-condividi-mappa-google-my-maps-100x63.png 100w\" sizes=\"auto, (max-width: 711px) 100vw, 711px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"come-aggiungere-google-maps-in-word-press-con-un-plugin\">Come aggiungere Google Maps in WordPress con un plugin<\/h2>\n\n\n\n<p>Per aggiungere Google Maps in WordPress con un plugin, le <strong>possibilit\u00e0 <\/strong>sono due:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>usare un plugin SEO<\/strong>, che offrir\u00e0 il vantaggio di integrare con la mappa anche i dati strutturati utili per comparire nelle ricerche locali;<\/li>\n\n\n\n<li><strong>scegliere un plugin specifico per Google Maps<\/strong> \u2013 opzione che permette maggiori personalizzazioni della mappa ma non integra lo Schema markup.<\/li>\n<\/ul>\n\n\n\n<p>In entrambi i casi, per inserire le mappe con un plugin \u00e8 <strong>necessario inserire una chiave API di Google Maps<\/strong>.<\/p>\n\n\n\n<p>In teoria le <a href=\"http:\/\/developers.google.com\/maps\/documentation\/javascript\/get-api-key?hl=it\" rel=\"noopener\">API di Google<\/a> hanno un costo, ma di fatto <strong>sono gratuite <\/strong>a meno di non generare migliaia di chiamate \u2013 richieste automatiche che il sito invia ai server di Google per visualizzare la mappa.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"847\" height=\"567\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/google-maps-platform-free-monthly-calls.png\" alt=\"Google Maps Platform Free Monthly Calls\" class=\"wp-image-126120\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/google-maps-platform-free-monthly-calls.png 847w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/google-maps-platform-free-monthly-calls-300x201.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/google-maps-platform-free-monthly-calls-768x514.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/google-maps-platform-free-monthly-calls-94x63.png 94w\" sizes=\"auto, (max-width: 847px) 100vw, 847px\" \/><\/figure>\n\n\n\n<p>\u00c8 obbligatorio <strong>impostare un metodo di pagamento<\/strong> per accedere al sito che contiene le API che ci servono: Google Maps Platform. Ma non preoccuparti perch\u00e9 con l\u2019iscrizione ottieni <strong>3 mesi di prova gratuita<\/strong> con un credito per le chiamate equivalente a circa 260\u20ac, per cui non pagherai nulla.<\/p>\n\n\n\n<p>Al termine della prova non ci saranno addebiti automatici ma ti verr\u00e0 chiesto di <strong>attivare un account completo<\/strong>, con pagamento a consumo o anticipato. L&#8217;eventuale credito gratuito residuo rimarr\u00e0 a tua disposizione.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"ottenere-la-chiave-api-di-google-maps\">Ottenere la chiave API di Google Maps<\/h3>\n\n\n\n<p>Per ottenere la chiave API di Google Maps, dopo il login con il tuo account Google, entra in <a href=\"https:\/\/mapsplatform.google.com\/\" rel=\"noopener\">Google Maps Platform<\/a>, fai clic sul pulsante e avvia la <strong>configurazione<\/strong>.<\/p>\n\n\n\n<p>Se non l\u2019hai fatto in precedenza, a un certo punto ti verr\u00e0 chiesto di <strong>attivare la fatturazione<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"352\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/google-maps-platform-ottenere-api-1024x352.png\" alt=\"Google Maps Platform Ottenere Api\" class=\"wp-image-126129\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/google-maps-platform-ottenere-api-1024x352.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/google-maps-platform-ottenere-api-300x103.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/google-maps-platform-ottenere-api-768x264.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/google-maps-platform-ottenere-api-120x41.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/google-maps-platform-ottenere-api.png 1481w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Conferma o modifica il paese di <strong>residenza <\/strong>e accetta i termini e le condizioni per poter procedere.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"564\" height=\"699\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/google-maps-platform-configurazione.png\" alt=\"Google Maps Platform Configurazione\" class=\"wp-image-126121\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/google-maps-platform-configurazione.png 564w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/google-maps-platform-configurazione-242x300.png 242w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/google-maps-platform-configurazione-51x63.png 51w\" sizes=\"auto, (max-width: 564px) 100vw, 564px\" \/><\/figure>\n\n\n\n<p>Seleziona le <strong>info relative alla tua attivit\u00e0<\/strong>, o salta per ora.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"519\" height=\"577\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/google-maps-platform-configurazione-sondaggio.png\" alt=\"Google Maps Platform Configurazione Sondaggio\" class=\"wp-image-126122\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/google-maps-platform-configurazione-sondaggio.png 519w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/google-maps-platform-configurazione-sondaggio-270x300.png 270w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/google-maps-platform-configurazione-sondaggio-57x63.png 57w\" sizes=\"auto, (max-width: 519px) 100vw, 519px\" \/><\/figure>\n\n\n\n<p>Prosegui col pulsante<strong> Termina creazione account<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"175\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/google-maps-platform-termina-creazione-account-1024x175.png\" alt=\"Google Maps Platform Termina Creazione Account\" class=\"wp-image-126123\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/google-maps-platform-termina-creazione-account-1024x175.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/google-maps-platform-termina-creazione-account-300x51.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/google-maps-platform-termina-creazione-account-768x131.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/google-maps-platform-termina-creazione-account-120x20.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/google-maps-platform-termina-creazione-account.png 1431w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Inserisci il paese di <strong>residenza<\/strong> per i pagamenti.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"514\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/google-maps-platform-dati-account-1024x514.png\" alt=\"Google Maps Platform Dati Account\" class=\"wp-image-126215\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/google-maps-platform-dati-account-1024x514.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/google-maps-platform-dati-account-300x150.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/google-maps-platform-dati-account-768x385.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/google-maps-platform-dati-account-120x60.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/google-maps-platform-dati-account.png 1256w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Se non hai gi\u00e0 un <a href=\"https:\/\/support.google.com\/paymentscenter\/answer\/9028746\" rel=\"noopener\">profilo di pagamento<\/a> configurato, devi crearne uno adesso, scegliendo tra privato o organizzazione.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"816\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/google-maps-platform-nuovo-profilo-pagamenti-1024x816.png\" alt=\"Google Maps Platform Nuovo Profilo Pagamenti\" class=\"wp-image-126125\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/google-maps-platform-nuovo-profilo-pagamenti-1024x816.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/google-maps-platform-nuovo-profilo-pagamenti-300x239.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/google-maps-platform-nuovo-profilo-pagamenti-768x612.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/google-maps-platform-nuovo-profilo-pagamenti-79x63.png 79w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/google-maps-platform-nuovo-profilo-pagamenti.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Per i privati <strong>inserire i dati fiscali<\/strong> \u00e8 facoltativo, mentre per le organizzazioni \u00e8 obbligatorio.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"599\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/google-maps-platform-verifica-identita-1024x599.png\" alt=\"Google Maps Platform Verifica Identita\" class=\"wp-image-126126\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/google-maps-platform-verifica-identita-1024x599.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/google-maps-platform-verifica-identita-300x175.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/google-maps-platform-verifica-identita-768x449.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/google-maps-platform-verifica-identita-108x63.png 108w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/google-maps-platform-verifica-identita.png 1216w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Invece configurare un <strong>metodo di pagamento<\/strong> \u00e8 sempre necessario per completare l\u2019iscrizione.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"430\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/google-maps-platform-metodo-pagamento-1024x430.png\" alt=\"Google Maps Platform Metodo Pagamento\" class=\"wp-image-126127\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/google-maps-platform-metodo-pagamento-1024x430.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/google-maps-platform-metodo-pagamento-300x126.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/google-maps-platform-metodo-pagamento-768x322.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/google-maps-platform-metodo-pagamento-120x50.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/google-maps-platform-metodo-pagamento.png 1039w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>A questo punto Google ti chiede delle informazioni aggiuntive e puoi passare oltre cliccando su <strong>Salta per ora<\/strong>.<\/p>\n\n\n\n<p>La tua chiave API \u00e8 pronta.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"948\" height=\"595\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/chiave-api-google-maps-platform.png\" alt=\"Chiave Api Google Maps Platform\" class=\"wp-image-126191\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/chiave-api-google-maps-platform.png 948w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/chiave-api-google-maps-platform-300x188.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/chiave-api-google-maps-platform-768x482.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/chiave-api-google-maps-platform-100x63.png 100w\" sizes=\"auto, (max-width: 948px) 100vw, 948px\" \/><\/figure>\n\n\n\n<p>Seleziona la casella in basso in modo da poter <strong>usare questa chiave con qualsiasi API di Google<\/strong> e avere la massima flessibilit\u00e0.&nbsp;<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"configurare-la-chiave-api\">Configurare la chiave API<\/h4>\n\n\n\n<p>Ora dovresti vedere un avviso che ti chiede di <strong>proteggere la chiave API<\/strong>:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"770\" height=\"436\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/proteggi-chiave-api.png\" alt=\"Proteggi Chiave Api\" class=\"wp-image-126131\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/proteggi-chiave-api.png 770w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/proteggi-chiave-api-300x170.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/proteggi-chiave-api-768x435.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/proteggi-chiave-api-111x63.png 111w\" sizes=\"auto, (max-width: 770px) 100vw, 770px\" \/><\/figure>\n\n\n\n<p>In caso contrario, accedi alla stessa funzionalit\u00e0 dal men\u00f9 di navigazione ad hamburger in alto a sinistra, scegliendo <em>API e servizi &gt; Credenziali.<\/em><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"796\" height=\"734\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/percorso-api-da-hamburger.png\" alt=\"Percorso Api Da Hamburger\" class=\"wp-image-126132\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/percorso-api-da-hamburger.png 796w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/percorso-api-da-hamburger-300x277.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/percorso-api-da-hamburger-768x708.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/percorso-api-da-hamburger-68x63.png 68w\" sizes=\"auto, (max-width: 796px) 100vw, 796px\" \/><\/figure>\n\n\n\n<p>Poi fai clic sulla <strong>chiave API<\/strong> per aprire le impostazioni.<\/p>\n\n\n\n<p>Qui impostiamo le<strong> Restrizioni relative alle chiavi <\/strong>che servono a impedire ad altre persone di inserire la nostra chiave nel loro sito e attribuirci le loro chiamate.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"711\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/modifica-chiave-api-google-maps-platform-1024x711.png\" alt=\"Modifica Chiave Api Google Maps Platform\" class=\"wp-image-126133\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/modifica-chiave-api-google-maps-platform-1024x711.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/modifica-chiave-api-google-maps-platform-300x208.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/modifica-chiave-api-google-maps-platform-768x533.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/modifica-chiave-api-google-maps-platform-91x63.png 91w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/modifica-chiave-api-google-maps-platform.png 1272w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Ad esempio aggiungendo un <strong>referrer http<\/strong> come *.tuodominio.com* puoi far s\u00ec che l\u2019API funzioni solo sul tuo sito WordPress.<\/p>\n\n\n\n<p>Senza gli asterischi invece, la chiave sar\u00e0 autorizzata solo sulla pagina che corrisponde all&#8217;indirizzo. <\/p>\n\n\n\n<p>Per inserire il referrer, seleziona <strong>Siti web<\/strong> in <em>Restrizioni delle applicazioni<\/em> e poi clicca sul tasto \u2018+\u2019.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"650\" height=\"544\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/chiave-api-restrizioni-google-maps-platform.png\" alt=\"Chiave Api Restrizioni Google Maps Platform\" class=\"wp-image-126134\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/chiave-api-restrizioni-google-maps-platform.png 650w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/chiave-api-restrizioni-google-maps-platform-300x251.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/chiave-api-restrizioni-google-maps-platform-75x63.png 75w\" sizes=\"auto, (max-width: 650px) 100vw, 650px\" \/><\/figure>\n\n\n\n<p>Apparir\u00e0 il campo in cui inserire il dominio, con eventuali sottodomini, oppure uno specifico URL.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"595\" height=\"511\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/chiave-api-restrizioni-siti-web-google-maps-platform.png\" alt=\"Chiave Api Restrizioni Siti Web Google Maps Platform\" class=\"wp-image-126135\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/chiave-api-restrizioni-siti-web-google-maps-platform.png 595w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/chiave-api-restrizioni-siti-web-google-maps-platform-300x258.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/chiave-api-restrizioni-siti-web-google-maps-platform-73x63.png 73w\" sizes=\"auto, (max-width: 595px) 100vw, 595px\" \/><\/figure>\n\n\n\n<p>Nella schermata <em>Google Maps Platform &gt; Chiavi e credenziali<\/em> \u00e8 ora disponibile una nuova funzionalit\u00e0 per la <a href=\"https:\/\/support.google.com\/cloud\/answer\/6310037?hl=it\" rel=\"noopener\">sicurezza<\/a> che potrebbe esserti utile: <strong>Proteggi le chiavi API in API Places<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"273\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/api-places-1024x273.png\" alt=\"Api Places\" class=\"wp-image-126136\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/api-places-1024x273.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/api-places-300x80.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/api-places-768x205.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/api-places-120x32.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/api-places.png 1236w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Se visualizzi l\u2019avviso <strong>Ricorda di configurare la schermata di consenso<\/strong> OAuth, invece, ignoralo pure perch\u00e9 non \u00e8 utile per integrare le mappe in WordPress.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"976\" height=\"325\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/consenso-oauth-google-maps-platform.png\" alt=\"Consenso Oauth Google Maps Platform\" class=\"wp-image-126137\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/consenso-oauth-google-maps-platform.png 976w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/consenso-oauth-google-maps-platform-300x100.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/consenso-oauth-google-maps-platform-768x256.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/consenso-oauth-google-maps-platform-120x40.png 120w\" sizes=\"auto, (max-width: 976px) 100vw, 976px\" \/><\/figure>\n\n\n\n<p>Se fai clic su Google Cloud puoi vedere i dati relativi alla tua <strong>prova gratuita<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"878\" height=\"484\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/google-cloud-prova-gratuita.png\" alt=\"Google Cloud Prova Gratuita\" class=\"wp-image-126138\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/google-cloud-prova-gratuita.png 878w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/google-cloud-prova-gratuita-300x165.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/google-cloud-prova-gratuita-768x423.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/google-cloud-prova-gratuita-114x63.png 114w\" sizes=\"auto, (max-width: 878px) 100vw, 878px\" \/><\/figure>\n\n\n\n<p>Trovi pi\u00f9 info su <a href=\"https:\/\/cloud.google.com\/docs\/authentication\/api-keys?hl=it\" rel=\"noopener\">come gestire le chiavi API<\/a> nella documentazione ufficiale di Google Cloud.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"abilitare-le-api-necessarie\">Abilitare le API necessarie<\/h4>\n\n\n\n<p>Su Google Maps Platform trovi molti tipi di API e devi accertarti di <strong>abilitare quelle che ti servono<\/strong>, a seconda di come hai intenzione di inserire la mappa sul tuo sito WordPress.<\/p>\n\n\n\n<p>Per incorporare una mappa su WordPress <strong>con iFrame<\/strong> avrai bisogno di <a href=\"https:\/\/developers.google.com\/maps\/documentation\/embed\/get-started?hl=it\" rel=\"noopener\">Google Maps Embed API<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"340\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/embed-api-google-maps-1024x340.png\" alt=\"Embed Api Google Maps\" class=\"wp-image-126139\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/embed-api-google-maps-1024x340.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/embed-api-google-maps-300x100.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/embed-api-google-maps-768x255.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/embed-api-google-maps-120x40.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/embed-api-google-maps.png 1059w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Nel caso usi dei plugin come <strong>Maps Widget e Maps Block<\/strong> for Google Maps invece, dovrai abilitare <a href=\"https:\/\/developers.google.com\/maps\/documentation\/static-maps\/?hl=it\" rel=\"noopener\">Maps Static API<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"710\" height=\"341\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/maps-static-api-google-maps.png\" alt=\"Maps Static Api Google Maps\" class=\"wp-image-126140\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/maps-static-api-google-maps.png 710w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/maps-static-api-google-maps-300x144.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/maps-static-api-google-maps-120x58.png 120w\" sizes=\"auto, (max-width: 710px) 100vw, 710px\" \/><\/figure>\n\n\n\n<p><strong>MapPress Maps<\/strong> invece richiede <a href=\"https:\/\/developers.google.com\/maps\/documentation\/javascript?hl=it\" rel=\"noopener\">Maps JavaScript API<\/a> e <strong>Places API<\/strong>; e a seconda degli elementi che vuoi visualizzare, potrebbe aver bisogno anche di <strong>Geocoding API e Routes API<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"389\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/places-api-1024x389.png\" alt=\"Places Api\" class=\"wp-image-126143\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/places-api-1024x389.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/places-api-300x114.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/places-api-768x291.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/places-api-120x46.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/places-api.png 1041w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>In teoria i plugin dovrebbero indicare <strong>nella documentazione ufficiale le API<\/strong> che usano; in pratica non sempre \u00e8 facile avere questa informazione. Per\u00f2 se scegli uno di quelli che vedremo in questa guida, la troverai qui.<\/p>\n\n\n\n<p>In tutti i casi, se hai <strong>problemi a visualizzare le mappe incorporate<\/strong> con qualunque plugin per Google Maps, c\u2019\u00e8 un trucco per scoprire quale API manca: cliccare col tasto destro sulla pagina e andare su Esplora &gt; Console.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"inserire-google-maps-su-word-press-con-un-plugin-seo-pro\">Inserire Google Maps su WordPress con un plugin SEO (Pro)<\/h3>\n\n\n\n<p>Se usi un <a href=\"https:\/\/supporthost.com\/it\/wordpress-seo-plugin\/\" data-type=\"post\" data-id=\"57604\">plugin SEO per WordPress<\/a> come Rank Math, Yoast o AIOSEO nella versione Pro, puoi sfruttarlo per <strong>inserire una mappa di Google Maps relativa alla tua attivit\u00e0<\/strong> e collegarla alle informazioni aziendali attraverso il <a href=\"https:\/\/supporthost.com\/it\/schema-markup-wordpress\/\">markup Schema<\/a>.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"come-incorporare-la-mappa-con-rank-math\">Come incorporare la mappa con Rank Math&nbsp;<\/h4>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"567\" height=\"274\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/rank-math-seo.png\" alt=\"Rank Math Seo\" class=\"wp-image-126145\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/rank-math-seo.png 567w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/rank-math-seo-300x145.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/rank-math-seo-120x58.png 120w\" sizes=\"auto, (max-width: 567px) 100vw, 567px\" \/><\/figure>\n\n\n\n<p>Per incorporare una mappa di Google Maps con Rank Math, prima di tutto vai sulla <strong>Bacheca <\/strong>del plugin e assicurati che siano attive le funzionalit\u00e0 per la <strong>SEO locale<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"595\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/rank-math-seo-locale-1024x595.png\" alt=\"Rank Math Seo Locale\" class=\"wp-image-126146\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/rank-math-seo-locale-1024x595.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/rank-math-seo-locale-300x174.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/rank-math-seo-locale-768x446.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/rank-math-seo-locale-108x63.png 108w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/rank-math-seo-locale.png 1331w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Poi vai su <em>Titoli e Meta &gt; SEO locale<\/em> e scegli <strong>Organizzazione<\/strong>; solo cos\u00ec potrai inserire qui la posizione della tua attivit\u00e0.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"349\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/rank-math-impostazioni-seo-locale-1024x349.png\" alt=\"Rank Math Impostazioni Seo Locale\" class=\"wp-image-126147\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/rank-math-impostazioni-seo-locale-1024x349.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/rank-math-impostazioni-seo-locale-300x102.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/rank-math-impostazioni-seo-locale-768x262.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/rank-math-impostazioni-seo-locale-120x41.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/rank-math-impostazioni-seo-locale.png 1269w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Per il miglior risultato in termini di SEO locale dovresti <strong>compilare tutti i campi<\/strong> in questa pagina, come abbiamo visto nella <a href=\"https:\/\/supporthost.com\/it\/rank-math\/\">guida completa a Rank Math<\/a>.<\/p>\n\n\n\n<p>In ogni caso, se scorri fino alla fine della pagina, troverai il campo dove inserire la <strong>Chiave API di Google Maps<\/strong> e il pulsante per salvare le modifiche.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"851\" height=\"468\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/inserire-google-maps-wordpress-rank-math.png\" alt=\"Inserire Google Maps WordPress Rank Math\" class=\"wp-image-126148\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/inserire-google-maps-wordpress-rank-math.png 851w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/inserire-google-maps-wordpress-rank-math-300x165.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/inserire-google-maps-wordpress-rank-math-768x422.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/inserire-google-maps-wordpress-rank-math-115x63.png 115w\" sizes=\"auto, (max-width: 851px) 100vw, 851px\" \/><\/figure>\n\n\n\n<p>Dopo aver configurato la chiave e le informazioni, potrai usare il blocco Gutenberg <strong>Local business by Rank Math<\/strong> per applicare in automatico lo <a href=\"https:\/\/supporthost.com\/it\/schema-markup-wordpress\/\">schema Markup<\/a> per il tipo <em>local business<\/em>.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"come-aggiungere-google-maps-in-word-press-con-aioseo\">Come aggiungere Google Maps in WordPress con AIOSEO<\/h4>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"567\" height=\"301\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/aioseo.png\" alt=\"Aioseo\" class=\"wp-image-126149\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/aioseo.png 567w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/aioseo-300x159.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/aioseo-120x63.png 120w\" sizes=\"auto, (max-width: 567px) 100vw, 567px\" \/><\/figure>\n\n\n\n<p>Come abbiamo gi\u00e0 visto, in <a href=\"https:\/\/supporthost.com\/it\/all-in-one-seo\/\">All in One SEO<\/a> la <strong>SEO locale<\/strong> \u00e8 una funzionalit\u00e0 della versione a pagamento che permette di configurare pi\u00f9 sedi per la stessa attivit\u00e0.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"806\" height=\"521\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/all-in-one-seo-pro-seo-locale.png\" alt=\"All In One Seo Pro Seo Locale\" class=\"wp-image-126150\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/all-in-one-seo-pro-seo-locale.png 806w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/all-in-one-seo-pro-seo-locale-300x194.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/all-in-one-seo-pro-seo-locale-768x496.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/all-in-one-seo-pro-seo-locale-97x63.png 97w\" sizes=\"auto, (max-width: 806px) 100vw, 806px\" \/><\/figure>\n\n\n\n<p>Se hai AIOSEO Pro, accedendo a SEO locale trovi la tab <strong>Sedi<\/strong>, dove puoi aggiungere una o pi\u00f9 posizioni; e la tab Maps, dove puoi inserire la chiave API.<\/p>\n\n\n\n<p>Dopodich\u00e9 potrai <a href=\"https:\/\/aioseo.com\/it\/how-to-embed-google-maps-in-wordpress\/\" rel=\"noopener\">usare il plugin per inserire la mappa<\/a> e associarla alle tue informazioni con il blocco <strong>AIOSEO Local \u2013 Map<\/strong>.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"come-integrare-la-mappa-con-yoast\">Come integrare la mappa con Yoast&nbsp;<\/h4>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"568\" height=\"305\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/yoast-seo.png\" alt=\"Yoast Seo\" class=\"wp-image-126151\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/yoast-seo.png 568w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/yoast-seo-300x161.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/yoast-seo-117x63.png 117w\" sizes=\"auto, (max-width: 568px) 100vw, 568px\" \/><\/figure>\n\n\n\n<p>Brutte notizie anche per chi usa <a href=\"https:\/\/supporthost.com\/it\/yoast-seo\/\">Yoast<\/a> nella versione gratuita, perch\u00e9 per collegare le API di Google Maps serve un <strong>plugin aggiuntivo a pagamento<\/strong>: <a href=\"https:\/\/yoast.com\/wordpress\/plugins\/local-seo\/\" rel=\"noopener\">Yoast Local SEO<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"496\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/yoast-local-seo.png\" alt=\"Yoast Local Seo\" class=\"wp-image-126152\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/yoast-local-seo.png 400w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/yoast-local-seo-242x300.png 242w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/yoast-local-seo-51x63.png 51w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/figure>\n\n\n\n<p>Se hai Yoast Local SEO, puoi accedere alle <strong>impostazioni <\/strong>del plugin dalla barra laterale dell\u2019admin e inserire il codice nella schermata <strong>API key<\/strong>.<\/p>\n\n\n\n<p>Dopodich\u00e9 potrai aggiungere la mappa e associarla alle tue informazioni con il blocco <strong>Yoast SEO: Local Map<\/strong>.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"incorporare-una-mappa-con-un-plugin-per-google-maps\">Incorporare una mappa con un plugin per Google Maps<\/h3>\n\n\n\n<p>Un altro modo per incorporare una mappa \u00e8 installare un <strong>plugin per Google Maps<\/strong>.<\/p>\n\n\n\n<p>A differenza dei metodi manuali, i plugin dedicati permettono di:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>creare <strong>mappe pi\u00f9 complesse e personalizzate<\/strong> da un\u2019interfaccia semplice;<\/li>\n\n\n\n<li>fare tutto <strong>senza uscire dal sito<\/strong>;<\/li>\n\n\n\n<li><strong>evitare che la mappa rallenti la pagina<\/strong>;<\/li>\n\n\n\n<li>in alcuni casi, anche di <strong>collegare i segnaposto ad articoli<\/strong> del <a href=\"https:\/\/supporthost.com\/it\/blog-wordpress\/\" data-type=\"post\" data-id=\"42492\">blog WordPress<\/a>.<\/li>\n<\/ul>\n\n\n\n<p>Vediamo come aggiungere le mappe con alcuni dei plugin dedicati pi\u00f9 popolari.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"inserire-una-mappa-con-maps-widget\">Inserire una mappa con Maps Widget<\/h4>\n\n\n\n<p>Come puoi intuire, Maps Widget for Google Maps serve a <strong>configurare degli<\/strong> <strong>widget con mappa<\/strong> che contribuiranno a costruire il layout del sito.<\/p>\n\n\n\n<p>Questo plugin ha il vantaggio di non appesantire troppo la pagina perch\u00e9 <strong>incorpora un\u2019immagine statica<\/strong> che diventa una mappa interattiva solo al clic dell\u2019utente, visibile dentro una finestra popup (lightbox).<\/p>\n\n\n\n<p>Maps Widget for Google Maps non \u00e8 pi\u00f9 compatibile con l\u2019editor degli widget basato su Gutenberg, per cui usalo solo se non hai problemi a installare anche il plugin ufficiale <a href=\"https:\/\/it.wordpress.org\/plugins\/classic-widgets\/\" rel=\"noopener\">Classic Widgets<\/a>.<\/p>\n\n\n\n<p>Ricordati che per usarlo devi aver attivato <strong>Google Maps Static API<\/strong>, come abbiamo visto in <em><a href=\"#abilitare-api-necessarie\">Abilitare le API necessarie<\/a><\/em>.<\/p>\n\n\n\n<p>Puoi installare Maps Widget for Google Maps come tutti i plugin di WordPress andando su <em>Plugin &gt; Aggiungi nuovo &gt; Installa ora<\/em>; e poi su <strong>Attiva<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"552\" height=\"301\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/maps-widget-for-google-maps-installa.png\" alt=\"Maps Widget For Google Maps Installa\" class=\"wp-image-126155\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/maps-widget-for-google-maps-installa.png 552w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/maps-widget-for-google-maps-installa-300x164.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/maps-widget-for-google-maps-installa-116x63.png 116w\" sizes=\"auto, (max-width: 552px) 100vw, 552px\" \/><\/figure>\n\n\n\n<p>Trovi le <strong>impostazioni <\/strong>selezionando <em>Aspetto &gt; Widget<\/em> dalla barra laterale dell&#8217;admin di WordPress.&nbsp;<\/p>\n\n\n\n<p>Prima di tutto devi scegliere la <strong>posizione<\/strong>, cio\u00e8 la sezione di destinazione, ad esempio header, footer o sidebar.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"358\" height=\"483\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/configurazione-maps-widget-for-google-maps.png\" alt=\"Configurazione Maps Widget For Google Maps\" class=\"wp-image-126157\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/configurazione-maps-widget-for-google-maps.png 358w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/configurazione-maps-widget-for-google-maps-222x300.png 222w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/configurazione-maps-widget-for-google-maps-47x63.png 47w\" sizes=\"auto, (max-width: 358px) 100vw, 358px\" \/><\/figure>\n\n\n\n<p>Qui puoi configurare anche:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>tipo di mappa (strada, satellite, ibrida oppure con rilievi e vegetazione)<\/li>\n\n\n\n<li>dimensione<\/li>\n\n\n\n<li>formato del segnaposto, anche personalizzato<\/li>\n\n\n\n<li>lingua<\/li>\n\n\n\n<li>formato dell\u2019immagine<\/li>\n<\/ul>\n\n\n\n<p>Ecco un esempio di cosa otteniamo con la versione gratuita se manteniamo le impostazioni predefinite e inseriamo il widget nella sidebar:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"612\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/mappa-sidebar-maps-widget-for-google-maps-1024x612.png\" alt=\"Mappa Sidebar Maps Widget For Google Maps\" class=\"wp-image-126156\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/mappa-sidebar-maps-widget-for-google-maps-1024x612.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/mappa-sidebar-maps-widget-for-google-maps-300x179.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/mappa-sidebar-maps-widget-for-google-maps-768x459.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/mappa-sidebar-maps-widget-for-google-maps-105x63.png 105w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/mappa-sidebar-maps-widget-for-google-maps.png 1328w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Una delle <strong>funzionalit\u00e0 pro<\/strong> permette di scegliere un punto sulla mappa con <strong>drag and drop del segnaposto<\/strong> (pin); mentre nella versione gratuita \u00e8 possibile inserire un indirizzo solo digitandolo.<\/p>\n\n\n\n<p>Inoltre nella versione a pagamento \u00e8 possibile decidere di mostrare la <strong>mappa interattiva<\/strong> al posto dell\u2019anteprima statica predefinita; <strong>personalizzare <\/strong>gli schemi di colore, e anche i segnaposto attingendo a una libreria del plugin.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"479\" height=\"891\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/impostazioni-maps-widget-for-google-maps.png\" alt=\"Impostazioni Maps Widget For Google Maps\" class=\"wp-image-126158\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/impostazioni-maps-widget-for-google-maps.png 479w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/impostazioni-maps-widget-for-google-maps-161x300.png 161w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/impostazioni-maps-widget-for-google-maps-34x63.png 34w\" sizes=\"auto, (max-width: 479px) 100vw, 479px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"integrare-una-mappa-con-map-block\">Integrare una mappa con Map Block<\/h4>\n\n\n\n<p>Map Block for Google Maps permette di <strong>integrare la mappa come blocco<\/strong> direttamente nella pagina, dall\u2019editor di WordPress, in modo davvero veloce.<\/p>\n\n\n\n<p>Per installarlo, come sempre vai su <em>Plugin &gt; Aggiungi nuovo &gt; Installa ora<\/em>; e poi su <strong>Attiva<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"548\" height=\"399\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/map-block-for-google-maps.png\" alt=\"Map Block For Google Maps\" class=\"wp-image-126159\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/map-block-for-google-maps.png 548w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/map-block-for-google-maps-300x218.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/map-block-for-google-maps-87x63.png 87w\" sizes=\"auto, (max-width: 548px) 100vw, 548px\" \/><\/figure>\n\n\n\n<p>In questo caso inserirai la mappa con il <strong>blocco Map<\/strong>, che dopo la configurazione del plugin \u00e8 disponibile in Gutenberg.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"486\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/inserire-blocco-mappa-map-block-for-google-maps-1024x486.png\" alt=\"Inserire Blocco Mappa Map Block For Google Maps\" class=\"wp-image-126166\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/inserire-blocco-mappa-map-block-for-google-maps-1024x486.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/inserire-blocco-mappa-map-block-for-google-maps-300x142.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/inserire-blocco-mappa-map-block-for-google-maps-768x365.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/inserire-blocco-mappa-map-block-for-google-maps-120x57.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/inserire-blocco-mappa-map-block-for-google-maps.png 1398w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>All\u2019inizio potresti vedere qualcosa del genere:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"390\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/no-chiave-map-block-for-google-maps-1024x390.png\" alt=\"No Chiave Map Block For Google Maps\" class=\"wp-image-126160\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/no-chiave-map-block-for-google-maps-1024x390.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/no-chiave-map-block-for-google-maps-300x114.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/no-chiave-map-block-for-google-maps-768x293.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/no-chiave-map-block-for-google-maps-120x46.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/no-chiave-map-block-for-google-maps.png 1338w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Ma se clicchi sul blocco puoi <strong>inserire la chiave API<\/strong> nel men\u00f9 delle impostazioni che comparir\u00e0 nella barra a destra.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"341\" height=\"946\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/impostazioni-blocco-map-block-for-google-maps.png\" alt=\"Impostazioni Blocco Map Block For Google Maps\" class=\"wp-image-126163\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/impostazioni-blocco-map-block-for-google-maps.png 341w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/impostazioni-blocco-map-block-for-google-maps-108x300.png 108w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/impostazioni-blocco-map-block-for-google-maps-23x63.png 23w\" sizes=\"auto, (max-width: 341px) 100vw, 341px\" \/><\/figure>\n\n\n\n<p>Ricordati che in questo caso, per visualizzare la mappa, devi abilitare anche <strong>Maps Static<\/strong> <strong>API <\/strong>come visto in <em><a href=\"#abilitare-api-necessarie\">Abilitare le API necessarie<\/a><\/em>.<\/p>\n\n\n\n<p>Ed ecco come appare la mappa con le <strong>impostazioni predefinite<\/strong>:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"956\" height=\"863\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/esempio-uso-map-block-for-google-maps.png\" alt=\"Esempio Uso Map Block For Google Maps\" class=\"wp-image-126162\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/esempio-uso-map-block-for-google-maps.png 956w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/esempio-uso-map-block-for-google-maps-300x271.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/esempio-uso-map-block-for-google-maps-768x693.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/esempio-uso-map-block-for-google-maps-70x63.png 70w\" sizes=\"auto, (max-width: 956px) 100vw, 956px\" \/><\/figure>\n\n\n\n<p>Le <strong>caratteristiche <\/strong>della mappa che puoi controllare con Map Block for Google Maps sono:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>indirizzo<\/li>\n\n\n\n<li>zoom<\/li>\n\n\n\n<li>altezza<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"aggiungere-una-mappa-con-map-press-maps\">Aggiungere una mappa con MapPress Maps<\/h4>\n\n\n\n<p>Anche MapPress Maps for Google Maps offre la possibilit\u00e0 di inserire Google Maps <strong>all\u2019interno di singoli contenuti come blocco<\/strong> \u2013 e funziona sia con Gutenberg che con l\u2019editor classico di WordPress.<\/p>\n\n\n\n<p>In questo caso ricordati di attivare Maps JavaScript API e Places API, come abbiamo visto in <em><a href=\"#abilitare-api-necessarie\" data-type=\"internal\" data-id=\"#abilitare-api-necessarie\">Abilitare le API necessarie<\/a><\/em>.<\/p>\n\n\n\n<p>Si distingue dagli altri plugin per Google Maps gratuiti che ho provato per l\u2019<strong>attenzione all\u2019esperienza utente<\/strong>.<\/p>\n\n\n\n<p>All\u2019attivazione si apre un <strong>wizard <\/strong>per la configurazione guidata che mostra chiaramente come funziona il plugin, con delle gif. Al termine della procedura ci si trova nella pagina Support, che contiene <strong>tanti link utili per iniziare<\/strong>, compreso quello alla <a href=\"https:\/\/mappresspro.com\/mappress-documentation\/#toc-create-a-map-with-the-gutenberg-block-editor\" rel=\"noopener\">documentazione ufficiale<\/a> del plugin.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"500\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/support-mappress-maps-for-wordpress-1024x500.png\" alt=\"Support Mappress Maps For WordPress\" class=\"wp-image-126219\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/support-mappress-maps-for-wordpress-1024x500.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/support-mappress-maps-for-wordpress-300x147.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/support-mappress-maps-for-wordpress-768x375.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/support-mappress-maps-for-wordpress-120x59.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/support-mappress-maps-for-wordpress.png 1419w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Anche <strong>l\u2019interfaccia \u00e8 pi\u00f9 curata<\/strong> rispetto allo standard dei <a href=\"https:\/\/supporthost.com\/it\/plugin-wordpress\/\" data-type=\"post\" data-id=\"16110\">plugin WordPress<\/a>; l\u2019unica pecca \u00e8 che non \u00e8 tradotto in italiano.<\/p>\n\n\n\n<p>Per installare MapPress Maps for WordPress vai su <em>Plugin &gt; Aggiungi nuovo &gt; Installa ora<\/em> e, appena compare, clicca sul pulsante <strong>Attiva<\/strong>.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"570\" height=\"262\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/attiva-mappress-maps-for-wordpress.png\" alt=\"Attiva Mappress Maps For WordPress\" class=\"wp-image-126167\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/attiva-mappress-maps-for-wordpress.png 570w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/attiva-mappress-maps-for-wordpress-300x138.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/attiva-mappress-maps-for-wordpress-120x55.png 120w\" sizes=\"auto, (max-width: 570px) 100vw, 570px\" \/><\/figure>\n\n\n\n<p>Come origine delle mappe scegli <strong>Google <\/strong>\u2013 il plugin infatti supporta anche Leaflet, uno strumento analogo a Maps completamente gratuito e open-source.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"702\" height=\"599\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/scegli-api-mappress-maps-for-wordpress.png\" alt=\"Scegli Api Mappress Maps For WordPress\" class=\"wp-image-126168\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/scegli-api-mappress-maps-for-wordpress.png 702w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/scegli-api-mappress-maps-for-wordpress-300x256.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/scegli-api-mappress-maps-for-wordpress-74x63.png 74w\" sizes=\"auto, (max-width: 702px) 100vw, 702px\" \/><\/figure>\n\n\n\n<p>Inserisci la <strong>chiave API<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"695\" height=\"597\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/chiave-api-mappress-maps-for-wordpress.png\" alt=\"Chiave Api Mappress Maps For WordPress\" class=\"wp-image-126169\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/chiave-api-mappress-maps-for-wordpress.png 695w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/chiave-api-mappress-maps-for-wordpress-300x258.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/chiave-api-mappress-maps-for-wordpress-73x63.png 73w\" sizes=\"auto, (max-width: 695px) 100vw, 695px\" \/><\/figure>\n\n\n\n<p>Per inserire la mappa nel tuo sito WordPress, apri l\u2019editor degli articoli e aggiungi il <strong>blocco MapPress Maps<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"465\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/inserire-blocco-mappress-maps-for-wordpress-1024x465.png\" alt=\"Inserire Blocco Mappress Maps For WordPress\" class=\"wp-image-126171\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/inserire-blocco-mappress-maps-for-wordpress-1024x465.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/inserire-blocco-mappress-maps-for-wordpress-300x136.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/inserire-blocco-mappress-maps-for-wordpress-768x349.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/inserire-blocco-mappress-maps-for-wordpress-120x55.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/inserire-blocco-mappress-maps-for-wordpress.png 1259w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Ora apri la libreria <strong>Map Library<\/strong>.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"419\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/mappress-map-library-1024x419.png\" alt=\"Mappress Map Library\" class=\"wp-image-126172\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/mappress-map-library-1024x419.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/mappress-map-library-300x123.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/mappress-map-library-768x314.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/mappress-map-library-120x49.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/mappress-map-library.png 1257w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Usa la funzionalit\u00e0 per <strong>aggiungere una nuova mappa<\/strong>.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"996\" height=\"569\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/add-new-mappress-maps.png\" alt=\"Add New Mappress Maps\" class=\"wp-image-126173\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/add-new-mappress-maps.png 996w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/add-new-mappress-maps-300x171.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/add-new-mappress-maps-768x439.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/add-new-mappress-maps-110x63.png 110w\" sizes=\"auto, (max-width: 996px) 100vw, 996px\" \/><\/figure>\n\n\n\n<p>Quando avrai configurato delle mappe, le troverai qui e potrai riutilizzarle in altri contenuti. Infatti questa schermata serve a <strong>inserire nella pagina <\/strong>\u2013 <strong>o disinserire<\/strong> \u2013 qualunque mappa salvata nella libreria.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"997\" height=\"476\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/libreria-mappress-map.png\" alt=\"Libreria Mappress Map\" class=\"wp-image-126174\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/libreria-mappress-map.png 997w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/libreria-mappress-map-300x143.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/libreria-mappress-map-768x367.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/libreria-mappress-map-120x57.png 120w\" sizes=\"auto, (max-width: 997px) 100vw, 997px\" \/><\/figure>\n\n\n\n<p>Ora scegli uno <strong>stile <\/strong>tra:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Roadmap \u2013 strade<\/li>\n\n\n\n<li>Terrain \u2013 rilievi ed elementi naturali&nbsp;<\/li>\n\n\n\n<li>Satellite \u2013 in 3D<\/li>\n\n\n\n<li>Hybrid \u2013 unisce vista satellitare e strade<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"715\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/stile-mappa-mappress-map-1024x715.png\" alt=\"Stile Mappa Mappress Map\" class=\"wp-image-126176\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/stile-mappa-mappress-map-1024x715.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/stile-mappa-mappress-map-300x210.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/stile-mappa-mappress-map-768x536.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/stile-mappa-mappress-map-90x63.png 90w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/stile-mappa-mappress-map.png 1210w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Ecco un esempio di <strong>mappa ibrida<\/strong>:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"715\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/mappa-ibrida-mappress-map-1024x715.png\" alt=\"Mappa Ibrida Mappress Map\" class=\"wp-image-126177\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/mappa-ibrida-mappress-map-1024x715.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/mappa-ibrida-mappress-map-300x209.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/mappa-ibrida-mappress-map-768x536.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/mappa-ibrida-mappress-map-90x63.png 90w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/mappa-ibrida-mappress-map.png 1215w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Con la barra degli strumenti <\/strong>di MapPress Maps si possono creare punti di interesse sulla mappa (POI) \u2013 trascinando e rilasciando il puntatore nella posizione voluta \u2013, applicare campiture di colore semitrasparenti e aggiungere testi e altri elementi.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"529\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/personalizzazione-mappa-mappress-mapa-1024x529.png\" alt=\"Personalizzazione Mappa Mappress Mapa\" class=\"wp-image-126220\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/personalizzazione-mappa-mappress-mapa-1024x529.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/personalizzazione-mappa-mappress-mapa-300x155.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/personalizzazione-mappa-mappress-mapa-768x396.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/personalizzazione-mappa-mappress-mapa-120x63.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/personalizzazione-mappa-mappress-mapa-1536x793.png 1536w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/personalizzazione-mappa-mappress-mapa.png 1726w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>In caso di errore JavaScript<\/strong> che impedisce la visualizzazione della mappa, usa il tasto destro del mouse per accedere a <em>Esplora &gt; Console<\/em> e troverai la causa e come eliminarla in un paio di clic.<\/p>\n\n\n\n<p>Potrebbe esserci <strong>errori <\/strong>nella configurazione della chiave API, API necessarie non abilitate o conflitti tra plugin WordPress.<\/p>\n\n\n\n<p>Nella documentazione ufficiale di MapPress Maps trovi altre informazioni su <a href=\"https:\/\/mappresspro.com\/mappress-faq\/\" rel=\"noopener\">come risolvere i problemi pi\u00f9 comuni<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"537\" height=\"347\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/blocco-mappress-map-errore-javascript.png\" alt=\"Blocco Mappress Map Errore Javascript\" class=\"wp-image-126179\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/blocco-mappress-map-errore-javascript.png 537w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/blocco-mappress-map-errore-javascript-300x194.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/blocco-mappress-map-errore-javascript-97x63.png 97w\" sizes=\"auto, (max-width: 537px) 100vw, 537px\" \/><\/figure>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"impostazioni-generali-delle-mappe\">Impostazioni generali delle mappe<\/h5>\n\n\n\n<p>Per chi inserisce mappe in modo regolare, MapPress Maps for WordPress ha un vantaggio: offre la possibilit\u00e0 di <strong>impostare le caratteristiche ricorrenti delle mappe<\/strong> a livello di sito, grazie al men\u00f9 accessibile dalla barra laterale.<\/p>\n\n\n\n<p>Ad esempio si possono impostare di <strong>default<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>posizione automatica (in cima o in fondo al post)<\/li>\n\n\n\n<li>allineamento (destra, sinistra o centro)<\/li>\n\n\n\n<li>dimensioni<\/li>\n\n\n\n<li>zoom con lo scroll del mouse<\/li>\n\n\n\n<li>visualizzazione dei men\u00f9 di navigazione<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1003\" height=\"598\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/map-settings-mappress-map-1.png\" alt=\"Map Settings Mappress Map\" class=\"wp-image-126180\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/map-settings-mappress-map-1.png 1003w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/map-settings-mappress-map-1-300x179.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/map-settings-mappress-map-1-768x458.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/map-settings-mappress-map-1-106x63.png 106w\" sizes=\"auto, (max-width: 1003px) 100vw, 1003px\" \/><\/figure>\n\n\n\n<p>Inoltre si pu\u00f2 gestire la <strong>visualizzazione dei punti di interesse<\/strong> attraverso molte opzioni.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"791\" height=\"876\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/poi-impostazioni-mappress-map.png\" alt=\"Poi Impostazioni Mappress Map\" class=\"wp-image-126181\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/poi-impostazioni-mappress-map.png 791w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/poi-impostazioni-mappress-map-271x300.png 271w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/poi-impostazioni-mappress-map-768x851.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/poi-impostazioni-mappress-map-57x63.png 57w\" sizes=\"auto, (max-width: 791px) 100vw, 791px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"evitare-che-google-maps-rallenti-il-sito\">Evitare che Google Maps rallenti il sito<\/h2>\n\n\n\n<p>Le mappe interattive richiedono il caricamento di molti script, e bisogna evitare che questo riduca troppo le prestazioni della pagina.<\/p>\n\n\n\n<p>Il modo pi\u00f9 semplice \u00e8 fare in modo che la pagina mostri una<strong> versione statica della mappa<\/strong>, caricando la versione interattiva solo al clic dell\u2019utente.<\/p>\n\n\n\n<p><strong>A mano<\/strong> si potrebbe inserire la mappa come screenshot collegato alla mappa sul sito di Google Maps, oppure a un popup con la mappa interattiva.<\/p>\n\n\n\n<p>Ovviamente \u00e8 pi\u00f9 comodo lasciarlo fare a un <strong>plugin apposito<\/strong>. Ad esempio <a href=\"https:\/\/wordpress.org\/plugins\/aweos-google-maps-iframe-load-per-click\/\" rel=\"noopener\">AWEOS Google Maps iframe load per click<\/a> sostituisce in automatico le mappe Google Maps incorporate con iFrame con un\u2019immagine segnaposto.&nbsp;<\/p>\n\n\n\n<p>Abbiamo visto che anche <strong>Maps Widget for WordPress<\/strong> offre una funzionalit\u00e0 simile ed \u00e8 anche capace di mostrare l\u2019immagine statica della mappa, anzich\u00e9 sempre la stessa immagine predefinita.<\/p>\n\n\n\n<p>Se ti preoccupano le prestazioni del tuo sito anche al di l\u00e0 dell&#8217;inserimento delle mappe, dai un\u2019occhiata a tutto quello che puoi fare per <a href=\"https:\/\/supporthost.com\/it\/velocizzare-wordpress\/\">velocizzare WordPress.<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"conclusioni\">Conclusioni<\/h2>\n\n\n\n<p>In questa guida su come inserire Google Maps su WordPress abbiamo esaminato i <strong>diversi metodi per farlo<\/strong>: dai pi\u00f9 veloci \u2013 per chi non ha esigenze particolari riguardo all\u2019aspetto della mappa incorporata \u2013, a quelli che richiedono un pizzico di configurazione in pi\u00f9 ma consentono di ottenere un risultato personalizzato.<\/p>\n\n\n\n<p>Abbiamo visto come si esegue il <strong>copia-incolla di iFrame<\/strong> nel codice della pagina, cos\u00ec come l\u2019installazione e configurazione di <strong>plugin per Google Maps<\/strong> o di plugin <strong>per la <\/strong><a href=\"https:\/\/supporthost.com\/it\/seo-wordpress\/\"><strong>SEO<\/strong> di WordPress<\/a> pi\u00f9 o meno complessi, che consentono di inserire la mappa come blocco Gutenberg o widget.<\/p>\n\n\n\n<p>E tu hai gi\u00e0 provato a incorporare una mappa di Google Maps in WordPress? Hai un metodo preferito? Se ti va, parliamone nei commenti.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Inserire Google Maps su WordPress \u00e8 utile ai blogger per arricchire i propri contenuti, ai proprietari di attivit\u00e0 locali per migliorare la SEO locale e a chiunque abbia un sito per offrire una migliore esperienza utente. Ci sono vari modi per aggiungere una mappa di Google Maps a un sito WordPress; quale sia il migliore [&hellip;]<\/p>\n","protected":false},"author":11,"featured_media":126276,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[33],"tags":[],"class_list":["post-126095","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress"],"acf":[],"_links":{"self":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts\/126095","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/comments?post=126095"}],"version-history":[{"count":39,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts\/126095\/revisions"}],"predecessor-version":[{"id":128992,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts\/126095\/revisions\/128992"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/media\/126276"}],"wp:attachment":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/media?parent=126095"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/categories?post=126095"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/tags?post=126095"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}