Om Google Maps op jou webwerf in te sluit, stel dit gebruikers in staat om maklik liggingsinligting te vind, ’n kaartpen vir ’n spesifieke adres te wys, en te navigeer met funksies soos rigtings en straatweergave. Dit versterk ook jou plaaslike SEO.
Google Maps handmatig inbedding deur kode
Volg die stappe hieronder om Google Maps in te sluit, hetsy manueel of via WordPress-widgets. Hier is hoe dit werk:
- Maak Google Maps oop
- Klik op Deel en Integreer 'n Kaart en kopieer die insluitkode
- Plak die insluitkode in die HTML van jou webwerf
Stap 1: Maak Google Maps oop
Gaan na https://www.google.com/maps/ en soek na jou gewenste ligging in die soekbalk. Jy kan jou besigheidsadres presies aandui, 'n bestemming bekyk, of oorskakel na satellietweergaw vir meer besonderhede.
Stap 2: Genereer die insluitkode
- Klik die Deel-ikoon in die kaartkoppelvlak.
- Please provide the full English text you want translated into Afrikaans. Deel Venster, kies die “Insluit Kaart” tab.
- Kopieer die verskafde insluitkode (iframe).
Stap 3: Plak die insluitkode in jou webwerf se HTML
- Maak jou HTML-kode Wysig die lêer met enige kode-redigeerder, of maak jou WordPress-bladsy oop en kies ’n HTML-widget.
- Vind die gedeelte waar jy die kaart wil vertoon en plak die iframe-kode.
- Stoor die veranderinge en verfris jou webblad om die ingebedde kaart te sien.
Voorbeeld van ’n iframe-inbeddingskode:
Kopieer KodeGekopieer Gebruik 'n ander blaaier<code id="dm-code-raw" class=" no-wrap language-markup"><iframe src="https://www.google.com/maps/embed?..." width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe></code>
Maak Die Kaart Responsief
Om seker te maak dat die kaart op alle skermgroottes goed lyk, kan jy die iframe in 'n houer met CSS omsluit:
Kopieer kode Gekopieer Gebruik 'n ander webblaaier<code id="dm-code-raw" class=" no-wrap language-markup"><div style="position:relative; padding-bottom:56.25%; height:0; overflow:hidden;"> <iframe src="https://www.google.com/maps/embed?..." style="position:absolute; top:0; left:0; width:100%; height:100%; border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe> </div></code>
Inbedding van Google Maps met WordPress-blokbouers
Die meeste WordPress-bladsybouers soos Elementor, Divi, of WPBakery sluit in 'n Google Maps widget. Hierdie metode vereenvoudig die proses en elimineer die behoefte aan handmatige kodeering. Widgets bied dikwels aanpassingsopsies soos zoomvlakke, kaarttipe (standaard, satellietweergawes, ens.), en merker-aanpassing.
Byvoorbeeld in Elementor kan jy 'n Google-kaart insluit deur:
- Op soek na die Kaarte widget
- Sleep die Kaarte widget op jou bladsy
- Tik die naam van jou besigheidsplek
As ’n WordPress-gebruiker wil jy dalk ook meer oor leer Hoe om SEO in WordPress te doen!
Algemene Probleme en Probleemoplossing
- Kaart word nie vertoon nie: Maak seker dat die iframe-kode korrek gekopieer en geplak is.
- API-sleutelkwessies: Sommige gevorderde funksies mag 'n API-sleutel vir integrasie.
- Blaaierbeperkings: Verseker dat jou webwerf iframes toelaat en dat daar geen botsende plug-ins of skripte is nie.
Veelgestelde Vrae
Kan ek Google Maps gratis op my webwerf inbaken?Ja, jy kan Google Maps gratis insluit deur die iframe-innsluitingskode wat deur Google Maps voorsien word.
Beïnvloed die inbedding van Google Maps jou SEO?Ja, Google Maps in te sluit kan plaaslike SEO verbeter deur duidelike liggingdata te verskaf en die gebruikerservaring te verbeter.
Slotsom
Om Google Maps in te voeg, is ’n eenvoudige manier om jou webwerf te verbeter. Of jy nou kies vir handmatige kode of ’n WordPress-widget, sal jy jou besoekers van waardevolle ligginginligting voorsien en die funksionaliteit van jou webwerf verbeter. Vir WordPress-gebruikers, maak seker dat jy ons gekoppelde handleiding verken vir stap-vir-stap instruksies oor die gebruik van Google Maps-widgets.
I’m an experienced SEO professional with over a decade of helping over 100 businesses rank higher online, especially local businesses, e-commerce stores and SaaS. As the co-founder of LPagery, I specialize in practical, proven strategies for regular SEO and Local SEO success.
Hierdie pos kan affiliasie-skakels bevat waarop ons 'n kommissie verdien wanneer 'n gegewe produk aangekoop word.
I’m an experienced SEO professional with over a decade of helping over 100 businesses rank higher online, especially local businesses, e-commerce stores and SaaS. As the co-founder of LPagery, I specialize in practical, proven strategies for regular SEO and Local SEO success.