Tutoriale WordPress de încredere, atunci când aveți cea mai mare nevoie.
Ghidul începătorului pentru WordPress
Cupa WPB
25 de milioane+
Site-uri web care folosesc plugin-urile noastre
16+
Ani de experiență WordPress
3000+
Tutoriale WordPress de la experți

Cum să adăugați un localizator de magazine Google Maps în WordPress

În fiecare zi, clienții potențiali decid dacă să vă viziteze afacerea sau să meargă în altă parte. Adesea, această decizie se reduce la comoditate – cât de ușor este să vă găsească, să obțină indicații și să confirme dacă sunteți deschis?

Un localizator de magazine Google Maps bine conceput elimină toate aceste bariere.

Clienții pot vedea locația dvs. exactă, își pot planifica ruta, verifica programul și chiar pot afla despre cartierul dvs. – totul fără a părăsi site-ul dvs. web.

Îl recomandăm tuturor afacerilor care au o locație fizică, deoarece reduce decalajul dintre interesul online și vizitele în persoană.

Sunteți gata să faceți vizitarea afacerii dvs. la fel de ușoară ca apăsarea unui buton? Vă vom ghida prin crearea unui localizator profesional de magazine Google Maps pentru site-ul dvs. WordPress.

Cum să adăugați un localizator de magazine Google Maps în WordPress (Opțiune gratuită)

De ce să adăugați un localizator de magazine Google Maps în WordPress?

Mulți utilizatori WordPress rulează site-uri web pentru afaceri mici care deservesc un anumit oraș sau regiune. Aceasta include afaceri precum restaurante, agenți imobiliari, instalatori, furnizori de servicii de întreținere, magazine mici, saloane și multe altele.

Aceste afaceri locale se bazează pe vizibilitatea online pentru a atrage clienți. În plus, conform statisticilor, 53% dintre utilizatorii dispozitivelor mobile caută indicații de orientare către magazinele locale în căutările Google.

Adăugarea unui localizator de magazine Google Maps pe site-ul dvs. este importantă pentru a atrage trafic pietonal, deoarece poate ajuta oamenii să vă găsească afacerea mai ușor. Ei vor putea obține indicații de condus către magazinul dvs. și să partajeze locația cu prietenii lor.

De asemenea, poate ajuta la îmbunătățirea vizibilității site-ului dvs. în motoarele de căutare și la atragerea mai multor vizitatori pe site.

Să aruncăm o privire la cum să adăugați un localizator de magazine Google Maps pe site-ul dvs. WordPress. Vă vom arăta atât metode gratuite, cât și plătite, cu avantajele și dezavantajele lor, apoi puteți alege pe cea care se potrivește cel mai bine nevoilor dvs.

Metoda 1: Adăugarea unui localizator simplu de magazine în WordPress (Gratuit)

Această metodă este gratuită și ușoară, deoarece nu trebuie să parcurgeți pasul suplimentar de creare a unei chei API Google Maps. O recomandăm utilizatorilor care doresc să adauge rapid o hartă simplă a locației magazinului lor.

Mai întâi, trebuie să vizitați site-ul Google Maps de pe computer. Apoi, introduceți adresa magazinului dvs. în câmpul de căutare și Google Maps o va afișa pe hartă cu un marcator fixat.

Căutați locația magazinului dvs. pe Google Maps

Asigurați-vă că indicatorul este plasat în locația corectă. Puteți selecta un nivel de zoom făcând clic pe butoanele de zoom din colțul din dreapta jos.

Odată ce sunteți mulțumit de aspectul hărții, faceți clic pe butonul „Partajare” din coloana din stânga. În fereastra pop-up care apare, comutați la fila „Încorporați o hartă”.

Selectați Opțiunea de încorporare a unei hărți din Google Maps

Acum veți vedea locația căutată pe hartă cu cod HTML. Pentru a obține codul de încorporare, faceți clic pe linkul „Copiere HTML”.

Acum, accesați zona de administrare a site-ului dvs. WordPress și editați postarea sau pagina unde doriți să afișați harta localizatorului de magazine.

În mod normal, utilizatorii adaugă o hartă de localizare a magazinului pe pagina lor de formular de contact cu numărul lor de telefon de afaceri și orele de deschidere.

Pe ecranul de editare a postării, trebuie să adăugați un bloc „HTML personalizat”.

Adăugați un bloc HTML personalizat pe pagina dvs.

Va trebui să lipiți codul pe care l-ați copiat de la Google Maps în zona de text a blocului „HTML personalizat”.

Acum puteți previzualiza pagina pentru a vedea Google Maps încorporat în ea. Harta va afișa locația magazinului dvs. marcată pe ea, cu linkuri pentru a obține indicații de orientare sau pentru a salva locația.

Previzualizare hartă Google încorporată

Această metodă funcționează pentru încorporarea rapidă a Google Maps, dar nu vă oferă beneficii SEO maxime. Cu alte cuvinte, nu vă va ajuta să vă clasați mai sus și să obțineți mai mult trafic din motoarele de căutare sau din căutările pe Google Maps.

Dacă sunteți o mică afacere, un restaurant sau un magazin online într-una sau mai multe locații fizice, atunci vă recomandăm să utilizați următoarea soluție pentru a vă îmbunătăți clasamentul SEO local.

Metoda 2: Adăugarea unui localizator de magazin cu SEO local (Recomandat)

Aproape 46% din toate căutările pe Google au intenție locală. All in One SEO (AIOSEO) este cel mai bun plugin SEO pentru WordPress de pe piață și vă ajută să aduceți mai mult trafic gratuit de pe motoarele de căutare pe site-ul dvs. web.

L-am folosit la WPBeginner pentru a ne îmbunătăți clasamentul articolelor în rezultatele căutării și am avut o experiență grozavă cu el. Dacă doriți o analiză mai aprofundată, consultați recenzia noastră completă AIOSEO.

Este, de asemenea, un excelent plugin de localizare a magazinelor, deoarece puteți introduce locațiile magazinelor dvs., detaliile de contact și orele de funcționare utilizând schema markup, astfel încât informațiile să fie afișate pe paginile cu rezultatele motoarelor de căutare.

De exemplu, dacă căutați pe Google „locații McDonald’s în Florida”, acesta afișează un fragment recomandat cu o listă de destinații și o hartă cu locații marcate.

Previzualizare hartă cu mai multe locații pe Google

Acest lucru vă va ajuta să îmbunătățiți clasamentul SEO al site-ului dvs. și să creșteți rata de clic în căutare

Notă: Veți avea nevoie cel puțin de planul AIOSEO Plus pentru a accesa funcționalitatea Local SEO necesară pentru acest tutorial.

Mai întâi, trebuie să instalați și să activați pluginul AIOSEO pentru WordPress. Pentru mai multe detalii, consultați ghidul nostru pas cu pas despre cum să instalați un plugin WordPress.

La activare, pluginul va rula un expert de configurare. Dacă aveți nevoie de ajutor pentru configurarea pluginului, consultați ghidul nostru despre cum să configurați AIOSEO pentru WordPress.

Expertul de configurare AIOSEO

Odată ce procesul de configurare este complet, va trebui să accesați All in One SEO » Local SEO din tabloul de bord WordPress.

Faceți clic pe butonul „Activați SEO Local” pentru a începe configurarea setărilor locale.

Activați SEO Local în AIOSEO

Apoi, trebuie să faceți clic pe fila „Hărți” din partea de sus a paginii SEO Local.

Pe pagina Hărți, ar trebui să vedeți câmpul „Cheie API”.

Lipește cheia API Google Maps

Puteți obține o cheie API pentru Google Maps accesând Google Maps Platform și conectându-vă cu contul dvs. Google.

După aceea, ar trebui să faceți clic pe butonul „Începeți”.

Bine ați venit pe Google Maps Platform

Resursele Google Cloud sunt organizate pe proiecte. Dacă nu aveți deja un proiect, unul va fi creat automat pentru dvs.

Rețineți că va trebui să activați facturarea pentru proiect pentru a putea utiliza API-ul Google Maps. Cu toate acestea, este puțin probabil să plătiți vreodată ceva.

Solicitările de încorporare a hărților sunt gratuite cu utilizare nelimitată așa cum este detaliat în documentația Google, și primiți, de asemenea, 200 USD credit lunar în fiecare lună.

Trebuie să faceți clic pe butonul „Creare cont de facturare”.

Activați facturarea pentru proiectul dvs.

Veți vedea acum pagina Informații cont. Ar trebui să selectați țara din meniul derulant și să acceptați termenii și condițiile.

Când sunteți gata, faceți clic pe butonul „Continuare”.

Acceptați Termenii și Condițiile Google Maps

Acum, trebuie să selectați un profil de plăți existent sau să creați unul nou.

Profilul va fi fie pentru o persoană fizică, fie pentru o afacere și va include numele persoanei fizice sau al afacerii, o metodă de plată și o adresă.

Începeți Trial-ul Gratuit

După ce ați introdus acele informații, trebuie să faceți clic pe butonul „Începeți trial-ul gratuit”.

Nu vă faceți griji cu privire la formularea „Trial Gratuit”. Solicitările de încorporare a hărților rămân gratuite chiar și atunci când trial-ul gratuit s-a încheiat, iar cardul dvs. de credit nu va fi niciodată debitat până când nu faceți upgrade manual la un cont plătit.

Vi se poate cere, de asemenea, să completați un sondaj de 30 de secunde despre afacerea dvs. pentru a vă asigura că vi se oferă cele mai relevante informații.

S-ar putea să vi se ceară să completați un sondaj de 30 de secunde

Când faceți clic pe butonul „Trimite”, cheia API Google Maps va fi afișată. Va trebui să introduceți această cheie în setările pluginului pentru Metodele 2 și 3.

Apoi, puteți face clic pe pictograma „Copiere în clipboard” de la sfârșitul câmpului „Cheia dvs. API”. Odată ce ați făcut acest lucru, pur și simplu închideți fereastra pop-up făcând clic pe butonul „Mergi la Google Maps Platform”.

Copiați cheia API

Restricționarea cheii API Google Maps

Vă recomandăm să restricționați cheia, astfel încât să nu poată fi utilizată de alții.

După ce creați cheia API, Google va afișa o fereastră pop-up „Protejați-vă cheia API” unde puteți restricționa cheia astfel încât să funcționeze doar pe propriul site web.

În meniul derulant „Selectați tipul de restricție”, trebuie să selectați „Referințe HTTP (site-uri web)”. Apoi, în câmpul următor, ar trebui să introduceți numele domeniului site-ului dvs. web în câmpul „Element nou” folosind modelul *example.com/*.

Protejați-vă cheia API

Ar trebui să vedeți un mesaj care spune: „Cheia API a fost restricționată cu succes”. Acum, cheia va funcționa doar pentru Google Maps încorporat pe site-ul dvs. specific.

Înapoi pe site-ul dvs., ar trebui să introduceți cheia API în câmp. Apoi, puteți derula în jos pentru a edita setările hărții.

AIOSEO îți permite să afișezi hărți Google folosind un bloc Gutenberg (editor WordPress), shortcode, widget sau cod PHP. De asemenea, îți permite să alegi diferite stiluri de hartă și să adaugi un marcator personalizat pe harta ta.

Editați setările hărții

Pentru acest tutorial, asigurați-vă că este selectată setarea „Bloc Gutenberg”. Nu uitați să faceți clic pe butonul „Salvați modificările” când ați terminat.

Acum, poți crea harta de localizare a magazinului tău. Modul în care faci acest lucru depinde dacă afacerea ta are un singur magazin sau mai multe locații.

Adăugarea unei hărți pentru o singură locație

Dacă afacerea ta operează dintr-o singură locație fizică, atunci harta va folosi informațiile pe care le furnizezi pe pagina „Setări locații” din All in One SEO.

Continuați acum și comutați la fila „Locații” din pagina All in One SEO » Local SEO.

Deoarece aveți o singură locație fizică, ar trebui să vă asigurați că opțiunea „Mai multe locații” este setată la „Nu”.

Setați locații multiple la Nu

Apoi, ar trebui să derulați în jos la secțiunea „Informații despre afacere” și să completați cât mai multe informații despre afacerea dvs. posibil.

Acest lucru este important, deoarece informațiile pot fi afișate atunci când cineva caută afacerea dvs. folosind Google Search sau Google Maps.

Informațiile despre afacere vor fi afișate în căutările Google

După aceea, derulați în jos la secțiunea „Hărți” pentru a fixa locația dvs. exactă.

Pur și simplu introduceți adresa în câmpul „Introduceți o interogare”. Un pin va fi adăugat la acea locație și puteți muta pinul trăgându-l într-o nouă locație, dacă este necesar.

Introduceți locația magazinului dvs. ca interogare în secțiunea hartă

Când ați terminat, trebuie să derulați în sus sau în jos pe pagină și să faceți clic pe butonul „Salvare modificări” pentru a vă stoca setările.

Acum, poți adăuga harta de localizare a magazinului tău la orice postare sau pagină WordPress. Pentru a începe, pur și simplu editează sau adaugă o nouă postare sau pagină pe site-ul tău.

Odată ce sunteți în editorul de blocuri, faceți clic pe butonul „+” din partea de sus și adăugați blocul „AIOSEO Local – Hartă” oriunde pe pagină. Asigurați-vă că faceți clic pe butonul „Actualizare” sau „Publicare” când ați terminat.

Adăugați un bloc de hartă locală AIOSEO pe pagina dvs.

Felicitări, ați adăugat cu succes un localizator de magazin Google Maps pe site-ul dvs.

Adăugarea hărților pentru mai multe locații

Pentru a adăuga o hartă pentru o locație diferită, trebuie să navigați la fila Locații a paginii All in One SEO » Local SEO. Odată ajuns acolo, trebuie să faceți clic pe opțiunea „Da” pentru Locații multiple și apoi să faceți clic pe butonul „Salvare modificări” din partea de sus a ecranului.

Setați mai multe locații la Da

Odată ce salvați modificările, veți observa că un nou tip de postare personalizat Locații custom post type a fost adăugat în bara laterală de administrare. Aici veți introduce locațiile afacerii dvs.

Continuați și navigați la Locații » Toate Locațiile și apoi faceți clic pe butonul „Adăugați nou”.

Adaugă o nouă locație

Acest lucru vă va duce la editorul de Locații. Va trebui să adăugați un titlu pentru locația pe care o adăugați, cum ar fi numele magazinului sau al orașului.

Acum ar trebui să derulați în jos la secțiunea „AIOSEO Local Business” a paginii, sub conținutul postării.

Asigurați-vă că introduceți cât mai multe informații posibil, deoarece acestea pot fi afișate atunci când cineva caută afacerea dvs. în Google Search sau Google Maps.

Completați secțiunea Informații despre afacere

După aceea, ar trebui să găsești secțiunea „Hărți” și să introduci adresa ta în câmpul „Introduceți o interogare”.

Un pin va fi afișat la acea locație.

Adăugați mai multe locații pe hartă

După ce ați introdus locația pe hartă și ați adăugat informații despre locație, continuați și faceți clic pe butonul „Publicare”.

Puteți repeta acum acest pas și adăuga celelalte locații ale afacerii dvs.

După ce ați terminat, puteți adăuga o hartă localizator de magazine pe site-ul dvs. pentru fiecare locație, utilizând blocul „AIOSEO Local – Map” din editorul WordPress.

Adăugați un bloc de hartă locală AIOSEO pe pagina dvs.

Acum, va trebui să alegeți ce locație să afișați pe hartă.

Pentru a face acest lucru, uitați-vă la panoul de setări al blocului din dreapta ecranului și alegeți magazinul pe care doriți să îl afișați din meniul derulant „Locație”.

Alegeți o locație a magazinului din meniul derulant din panoul Setări

Pur și simplu adăugați blocuri suplimentare de hărți locale pentru orice alte locații. Nu uitați să faceți clic pe butonul „Publicare” sau „Actualizare” din partea de sus a paginii pentru a afișa hărțile pe site-ul dvs. web.

Metoda 3: Afișarea mai multor locații de magazine pe o singură hartă

Primele două metode vă permit să adăugați hărți de localizare a magazinelor cu o singură locație. Dacă aveți mai multe locații, atunci trebuie să adăugați o hartă separată pentru fiecare.

Alternativ, puteți utiliza a treia metodă pentru a afișa mai multe locații pe o singură hartă.

Primul lucru pe care trebuie să-l faceți este să instalați și să activați pluginul Locatoraid Store Locator. Pentru mai multe detalii, consultați ghidul nostru pas cu pas despre cum să instalați un plugin WordPress.

La activare, trebuie să vizitați Locatoraid » Configurare și să configurați pluginul.

În fila „Google Maps”, va trebui să lipiți o cheie API Google Maps. Puteți urma metoda de mai sus din Metoda 2 pentru a crea una.

Apoi, trebuie să faceți clic pe pictograma „Salvare” pentru a stoca cheia. Ar trebui să observați că Google Maps se poate încărca corect în fereastra „Previzualizare stil hartă”.

Lipește cheia API Google Maps

Apoi, puteți vizita fila „Configurare” și puteți alege dacă doriți să afișați mile sau kilometri pe hartă.

Poți verifica și celelalte opțiuni, cum ar fi formatul adresei, detaliile pe care dorești să le afișezi pe hartă și ce utilizatori pot folosi pluginul.

Configurați harta, inclusiv unitățile pe care doriți să le utilizați

Odată ce sunteți mulțumit de setările pluginului, asigurați-vă că faceți clic pe butonul „Salvare” pentru a vă stoca setările.

Acum sunteți gata să adăugați locațiile magazinelor dvs. Ar trebui să navigați la Locatoraid » Locații. Odată ajunși acolo, trebuie să faceți clic pe butonul „Adăugare nouă”.

Faceți clic pe butonul Adăugare nouă pe pagina Locații

Acest lucru vă va duce la pagina „Adăugare locație nouă”. Aici puteți introduce numele magazinului, locația și alte detalii.

Când ați terminat, ar trebui să faceți clic pe butonul „Adăugați o locație nouă” din partea de jos a paginii.

Completați adresa magazinului dvs. și alte informații

Veți fi direcționat către pagina „Editare locație”, unde puteți vizualiza locația magazinului pe o hartă.

Dacă totul arată bine, atunci ar trebui să faceți clic pe butonul „< Locație” din partea de sus a ecranului pentru a reveni la pagina Locatoraid » Locații din tabloul de bord.

Confirmați că harta este corectă, apoi faceți clic pe butonul Locații

Puteți adăuga mai multe locații făcând clic pe butonul „Adăugare locație” și repetând acești pași.

Odată ce toate locațiile magazinului dvs. au fost create, puteți adăuga harta pe site-ul dvs. web.

Pur și simplu adaugă sau editează o pagină și apasă pe pictograma albastră „+ Adaugă bloc”. Ar trebui să tragi un bloc Shortcode pe pagină și apoi să introduci shortcode-ul [locatoraid] în câmp.

Adăugați un bloc de cod scurt pe pagina dvs.

Acest shortcode implicit va funcționa bine pentru majoritatea site-urilor web. Cu toate acestea, puteți personaliza harta utilizând un alt shortcode. Vizitați pagina Locatoraid » Publish pentru a afla mai multe.

Acum, puteți publica sau actualiza pagina și puteți vizita site-ul dvs. web pentru a vedea harta de localizare a magazinului.

Toate locațiile magazinelor dvs. vor fi afișate pe aceeași hartă. Dacă utilizatorii dvs. introduc adresa sau fac clic pe linkul „Localizează-mă”, aceștia pot găsi cele mai apropiate magazine și pot obține indicații de orientare.

Previzualizare hartă Locatoraid cu locații multiple

Sperăm că acest tutorial v-a ajutat să învățați cum să adăugați un localizator de magazine Google Maps în WordPress. De asemenea, ați putea dori să învățați cum să creați o hartă interactivă în WordPress sau să consultați lista noastră cu cele mai bune pluginuri de schema markup pentru site-ul dvs. web.

Dacă ți-a plăcut acest articol, te rugăm să te abonezi la canalul nostru de YouTube pentru tutoriale video WordPress. Ne poți găsi, de asemenea, pe Twitter și Facebook.

Dezvăluire: Conținutul nostru este susținut de cititori. Acest lucru înseamnă că dacă faceți clic pe unele dintre linkurile noastre, este posibil să câștigăm un comision. Vedeți cum este finanțat WPBeginner, de ce contează și cum ne puteți susține. Iată procesul nostru editorial.

Cel mai bun instrumentar WordPress

Obține acces GRATUIT la instrumentarul nostru - o colecție de produse și resurse legate de WordPress pe care fiecare profesionist ar trebui să le aibă!

Interacțiuni cu cititorii

4 CommentsLeave a Reply

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

    • Vă mulțumim că ați observat acest lucru, vom remedia cu siguranță acea greșeală de scriere.

      Admin

  2. Deoarece Google Maps percepe taxe pentru utilizarea serviciului său, nu ar fi frumos să oferiți și opțiunea de a utiliza Open Street Map? Sunt sigur că există plugin-uri care fac acest lucru și a face acest lucru manual nu este atât de diferit de opțiunea Google.

    • Nu avem un plugin specific pe care l-am recomanda în acest moment, dar cu siguranță vom fi cu ochii în patru.

      Admin

Lăsați un răspuns

Vă mulțumim că ați ales să lăsați un comentariu. Vă rugăm să rețineți că toate comentariile sunt moderate conform politicii noastre de comentarii, iar adresa dvs. de e-mail NU va fi publicată. Vă rugăm să NU folosiți cuvinte cheie în câmpul nume. Să avem o conversație personală și semnificativă.