Slik legger du inn Google Maps på nettstedet ditt: 3 enkle trinn

Integrasjon av Google Maps på nettstedet ditt gjør det enkelt for brukerne å få tilgang til stedsinformasjon, vise en kartmarkør for en spesifikk adresse, og navigere ved hjelp av funksjoner som veibeskrivelser og Street View. Dette styrker også din lokale SEO.

Manuell Innbygging Av Google Maps Via Kode

Følg trinnene nedenfor for å legge inn Google Maps enten manuelt eller via WordPress-widgeter. Slik fungerer det:

1. Åpne Google Maps
2. Klikk på Del og Legg inn et kart og Kopier innbyggingskoden
3. Lim inn embed-koden i nettstedets HTML

Steg 1: Åpne Google Maps

Gå til https://www.google.com/maps/ og søk etter ønsket plassering i søkefeltet. Du kan angi bedriftsadressen din nøyaktig, se en destinasjon, eller bytte til satellittvisning for flere detaljer.

Steg 2: Generer innebyggingskoden

1. Klikk på Delingsikon i kartgrensesnittet.
2. I Del-vinduet velger du fanen «Legg inn et kart».
3. Kopier den oppgitte innbyggingskoden (iframe).

Trinn 3: Lim inn embed-koden i HTML-en til nettstedet ditt

1. Åpne din HTML-kode rediger en fil ved å bruke hvilken som helst kodeeditor, eller åpne WordPress-siden din og velg et HTML-widget.
2. Finn seksjonen der kartet skal vises, og lim inn iframe-koden.
3. Lagre endringene og oppdater nettsiden din for å se det innebygde kartet.

Eksempel på en iframe-innbyggingskode:

`<iframe src="https://www.google.com/maps/embed?..." width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>`

Gjør kartet responsivt

For å sikre at kartet ser bra ut på alle skjermstørrelser, kan du pakke inn iframe-en i en beholder med CSS:

`<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>`

Integrering av Google Maps med WordPress-sidebyggere

De fleste WordPress-sidebyggere som Elementor, Divi eller WPBakery inkluderer en Google Maps widget. Denne metoden forenkler prosessen og eliminerer behovet for manuell koding. Widgetene tilbyr ofte tilpasningsalternativer som zoomnivåer, karttype (standard, satellittvisning, osv.), og tilpasning av markører.

For eksempel i Elementor kan du sette inn et Google Maps-kart ved:

1. Søker etter den Kart widget
2. Dra i Kart widget på siden din
3. Skriv inn navnet på din bedrifts lokasjon

Som WordPress-bruker vil du kanskje også lære mer om Slik gjør du SEO i WordPress!

Vanlige problemer og feilsøking

• Kartet vises ikke: Dobbeltsjekk at iframe-koden ble kopiert og limt inn riktig.
• API-nøkkelproblemer: Noen avanserte funksjonaliteter kan kreve en API-nøkkel for integrasjon.
• Nettleserbegrensninger: Sørg for at nettstedet ditt tillater iframes og ikke har konflikter med plugins eller skript.

Vanlige spørsmål

Kan jeg integrere Google Maps på nettsiden min gratis? Ja, du kan legge inn Google Maps gratis ved hjelp av iframe-innbyggingskoden som Google Maps tilbyr.

Bidrar innbygging av Google Maps til søkemotoroptimalisering? Ja, å integrere Google Maps kan forbedre lokal søkemotoroptimalisering ved å gi tydelige stedsdata og forbedre brukeropplevelsen.

Konklusjon

Integrering av Google Maps er en enkel måte å forbedre nettstedet ditt på. Enten du velger manuell koding eller en WordPress-widget, gir du besøkende verdifull stedsinformasjon og forbedrer nettstedets funksjonalitet. For WordPress-brukere bør du utforske vår lenkede veiledning for trinn-for-trinn-instruksjoner om hvordan du bruker Google Maps-widgeter.

About the Author

Jonas Lindemann

I've worked in SEO for more than ten years and helped over 100 businesses rank higher, mostly local businesses, e-commerce stores and SaaS companies. As co-founder of LPagery I work on local SEO, programmatic SEO and AI search visibility, and I test the strategies in these articles on our own sites and with our customers.