Sådan indsætter du Google Maps på din hjemmeside – 3 enkle trin

Indlejring af Google Maps på din hjemmeside gør det nemt for brugerne at få adgang til stedoplysninger, viser en markør for en bestemt adresse og giver mulighed for navigation ved hjælp af funktioner som rutevejledning og Street View. Det øger også din lokale SEO.

Indlejning af Google Maps manuelt via kode

Følg trinnene nedenfor for at indsætte Google Maps enten manuelt eller via WordPress-widgets. Sådan fungerer det:

1. Åbn Google Maps
2. Klik på Del og Indlejr et kort og Kopier indlejringskoden
3. Indsæt embed-koden i HTML'en på din hjemmeside.

Trin 1: Åbn Google Maps

Gå til https://www.google.com/maps/ Og søg efter din ønskede placering i søgefeltet. Du kan markere din virksomhedsadresse, se en destination, eller skifte til satellitvisning for flere detaljer.

Trin 2: Generér embed-koden

1. Klik på Del ikon i kortets brugergrænseflade.
2. I den Del vindue, vælg fanen “Indsæt et kort”.
3. Kopier det leverede Indlejringskode (iframe).

Trin 3: Indsæt indlejringskoden i din hjemmesides HTML

1. Åbn din HTML-kode Gem filen ved hjælp af enhver kodeeditor, eller åbn din WordPress-side og vælg en HTML-widget.
2. Find den sektion, hvor kortet skal vises, og indsæt iframe-koden.
3. Gem ændringerne og opdater din webside for at se det indlejrede kort.

Eksempel på iframe-indlejringskode:

Kopier kodeKopieretBrug en anden browser<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>

Gør kortet responsivt

For at sikre, at kortet ser godt ud på alle skærmstørrelser, kan du indpakke iframe'en i en container med CSS:

Kopier kode Kopieret Brug en anden browser<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>

Indlejring af Google Maps med WordPress-sidebyggere

De fleste WordPress-sidebyggere som Elementor, Divi eller WPBakery inkluderer en Google Maps widget. Denne metode forenkler processen og fjerner behovet for manuel kodning. Widgets tilbyder ofte tilpasningsmuligheder som zoomniveauer, korttype (standard, satellitvisning osv.), og markørtilpasning.

For eksempel kan du i Elementor indsætte et Google Maps-kort ved hjælp af:

1. Søger efter den Kort widget
2. Trækker den Kort widget på din side
3. Indtast navnet på din virksomheds placering

Som WordPress-bruger vil du måske også gerne lære mere om Sådan laver du SEO i WordPress!

Almindelige problemer og fejlfinding

• Kortet vises ikke: Sørg for, at iframe-koden blev kopieret og indsat korrekt.
• API-nøgleproblemer: Nogle avancerede funktioner kan kræve en API-nøgle til integration.
• Browserrestriktioner: Sørg for, at din hjemmeside tillader iframes og ikke har plugins eller scripts, der skaber konflikter.

Ofte stillede spørgsmål

Kan jeg indlejre Google Maps på min hjemmeside gratis?Ja, du kan bruge Google Maps gratis ved at indsætte iframe-indlejringskoden, som Google Maps tilbyder.

Giver indlejring af Google Maps bedre SEO?Ja, indlejring af Google Maps kan forbedre lokal SEO ved at give tydelige placeringdata og forbedre brugeroplevelsen.

Konklusion

Indlejring af Google Maps er en ligetil måde at forbedre din hjemmeside på. Uanset om du vælger manuel kode eller en WordPress-widget, giver du dine besøgende værdifuld lokalitetsinformation og forbedrer din hjemmesides funktionalitet. For WordPress-brugere bør du sikre dig at gennemgå vores tilknyttede vejledning for trin-for-trin instruktioner i brugen af Google Maps-widgeter.

About the Author

Jonas Lindemann

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.

Dette indlæg kan indeholde affiliate-links, som giver os en provision, når et givent produkt købes.