Google-Maps-Karte kostenlos einbinden
Mit dem Google Maps Generator erstellen Sie den HTML-Code für eine Karte mit Ihrem Standort: Name und Adresse eintragen, Ausschnitt wählen, Code kopieren und in Ihre Website einfügen. Der Generator ist kostenlos und braucht weder einen API-Schlüssel noch ein Google-Konto. Auf Wunsch erhalten Sie eine datenschutzfreundliche Variante, die Google Maps erst lädt, wenn Ihre Besucher auf „Karte laden“ klicken.
Werkzeug · Karte einbetten
Karte einstellen, Code kopieren
Ohne API-Schlüssel und ohne Anmeldung. Google Maps lädt hier erst, wenn Sie die Vorschau starten.
Straße, Hausnummer, PLZ und Ort, so wie Sie bei Google Maps suchen würden.
Vorschau
Platzhalter, keine Daten an GoogleErst nach Klick lädt Google Maps. Dabei werden Daten, darunter Ihre IP-Adresse, an Google übertragen. Danach folgt die Vorschau Ihren Eingaben.
Einbettungscode
BeispielDie Karte erscheint sofort beim Seitenaufruf. Google erhält dabei Daten Ihrer Besucher, darunter die IP-Adresse. Passend, wenn Ihr Cookie-Banner Google Maps vorher abfragt.
- Lädt
- beim Seitenaufruf
- Daten an Google
- sofort
- Umfang
- –
Gold markiert die Werte, die Sie oben eingestellt haben.
Die Karte ist eingebunden, aber Anfragen bleiben aus? Im kostenlosen Erstgespräch sehen wir uns Ihre Website und Ihr Google-Unternehmensprofil gemeinsam an.
Erstgespräch vereinbarenNutzungsbedingungen
- Die Nutzung des Google Maps Generators ist kostenlos.
- Sie dürfen den Code auf jeder Website einbinden, privat wie gewerblich. Ein Link auf sumax.de ist nicht nötig.
- Sie dürfen den Code frei anpassen, etwa Größe, Rahmen oder Texte des Platzhalters.
- Für die Karte selbst gelten die Nutzungsbedingungen von Google Maps.
So erstellen Sie Ihre Karte
Sie brauchen nur Ihren Firmennamen und Ihre Adresse. Der Code passt sich bei jeder Eingabe sofort an, Sie müssen ihn nicht eigens erzeugen.
- 1. Name und Adresse: Tragen Sie unter „Titel oder Firmenname“ den Namen Ihres Unternehmens ein, am besten genau so, wie er in Ihrem Google-Unternehmensprofil steht. Ins Feld „Adresse“ gehören Straße, Hausnummer, PLZ und Ort.
- 2. Suche: Bei „Google sucht nach“ zeigt „Name und Adresse“ Ihren Firmeneintrag, falls Google einen findet. Erscheinen mehrere Treffer oder ein falscher Ort, wählen Sie „Nur Adresse“.
- 3. Ausschnitt und Größe: Die „Zoomstufe“ reicht von 1 (Welt) bis 21 (Gebäude), voreingestellt ist 15 (Straße). Unter „Kartentyp“ wählen Sie „Karte“ oder „Satellit“, unter „Größe“ eines der Formate 16:9, 4:3 und 1:1 oder „Feste Größe“ in Pixeln.
- 4. Vorschau: Wenn Sie die echte Karte sehen möchten, klicken Sie auf „Vorschau mit Google Maps laden“. Erst dann lädt Google Maps und erhält Daten wie Ihre IP-Adresse.
- 5. Code kopieren: Wählen Sie über dem Code den Reiter „Standard“ oder „Datenschutzfreundlich“ und klicken Sie auf „Code kopieren“.
- 6. Einfügen: Fügen Sie den Code an der Stelle Ihrer Seite ein, an der die Karte erscheinen soll, meist auf der Kontakt- oder Anfahrtsseite.
Standard oder datenschutzfreundlich einbinden?
Die Standard-Variante lädt Google Maps automatisch, ohne Zutun Ihrer Besucher. Die datenschutzfreundliche Variante zeigt zuerst einen Platzhalter mit Ihrem Namen und Ihrer Adresse und lädt die Karte erst nach einem Klick auf „Karte laden“. Welche Variante passt, hängt vor allem davon ab, ob Ihre Website Google Maps bereits über ein Cookie-Banner abfragt.
Der Unterschied betrifft die Daten Ihrer Besucher. Sobald die Karte lädt, stellt der Browser eine Verbindung zu Servern von Google her. Dabei werden unter anderem die IP-Adresse, Angaben zu Browser und Gerät sowie die Adresse der Seite übertragen, auf der die Karte eingebunden ist. Google kann außerdem Cookies setzen oder auslesen. Viele Website-Betreiber laden Google Maps deshalb erst nach einer Einwilligung.
- Standard: passt, wenn Ihr Cookie-Banner (Consent-Tool) Google Maps erst nach Zustimmung freigibt. Richten Sie dort eine Sperre für Google Maps ein, falls das Tool eingebettete Karten nicht schon von sich aus blockiert.
- Datenschutzfreundlich: passt, wenn Sie kein Consent-Tool nutzen oder die Karte unabhängig davon erst nach einem Klick laden möchten. Der Code bringt dafür ein kurzes Skript mit und braucht weder Plugin noch externe Datei.
Diese Hinweise sind keine Rechtsberatung. Ob Sie für Google Maps eine Einwilligung brauchen und was dazu in Ihre Datenschutzerklärung gehört, klären Sie am besten mit Ihrem Datenschutzbeauftragten oder einer Rechtsberatung.
Karte in WordPress und anderen CMS einfügen
Fügen Sie den kopierten Code dort ein, wo Ihr System eigenen HTML-Code erlaubt, und zwar an der Stelle, an der die Karte erscheinen soll. Üblich ist die Kontakt- oder Anfahrtsseite; bei mehreren Standorten bekommt jede Standortseite ihre eigene Karte.
- WordPress mit Block-Editor: Fügen Sie den Block „Individuelles HTML“ ein und kopieren Sie den Code hinein.
- WordPress mit klassischem Editor: Wechseln Sie in den Reiter „Text“ und fügen Sie den Code an der gewünschten Stelle ein.
- Page-Builder wie Elementor: Verwenden Sie das Element „HTML“.
- Baukästen und Shopsysteme: Nutzen Sie das HTML- oder Code-Element Ihres Systems. Wie es heißt, unterscheidet sich je nach Anbieter.
- Eigene HTML-Seiten: Fügen Sie den Code direkt im Quelltext ein.
Für die datenschutzfreundliche Variante kopieren Sie den Code vollständig, einschließlich des Skript-Teils am Ende. Manche Systeme entfernen Skripte beim Speichern, WordPress zum Beispiel bei Benutzern ohne Administrator- oder Redakteursrechte. Prüfen Sie deshalb nach dem Veröffentlichen, ob ein Klick auf „Karte laden“ die Karte anzeigt.
Verbessert eine Google-Maps-Karte Ihr lokales Ranking?
Nicht direkt. Eine eingebettete Karte ist für sich genommen kein Rankingfaktor. Sie hilft Besuchern, den Weg zu Ihnen zu finden, bringt Ihr Unternehmen aber weder in der lokalen Suche noch in Google Maps weiter nach oben. Laut Google beruhen lokale Suchergebnisse hauptsächlich auf Relevanz, Entfernung und Bekanntheit. Beeinflussen können Sie vor allem drei Dinge:
- Google-Unternehmensprofil: Ihr Profil (früher Google My Business) sollte vollständig und aktuell sein, mit passender Kategorie, Öffnungszeiten, Fotos und bestätigter Adresse. Wie Sie dabei vorgehen, zeigt unser Leitfaden Google-Unternehmensprofil optimieren.
- Einheitliche NAP-Daten: Name, Adresse und Telefonnummer sollten auf Ihrer Website, im Unternehmensprofil und in Branchenverzeichnissen gleich geschrieben sein. Nutzen Sie dieselbe Schreibweise auch im Generator und in den strukturierten Daten Ihrer Website.
- Bewertungen: Anzahl und Durchschnitt Ihrer Google-Bewertungen fließen laut Google in das lokale Ranking ein. Der Google Bewertungscheck zeigt, wie viele 5-Sterne-Bewertungen bis zu Ihrem Zielwert fehlen. Belasten negative Bewertungen Ihr Profil, unterstützen wir Sie im Reputationsmanagement.
Wie Google lokale Ergebnisse auswählt und was Sie darüber hinaus tun können, lesen Sie in unserem Beitrag zur lokalen Suchmaschinenoptimierung; bei der Umsetzung unterstützt Sie unsere Local SEO Agentur.
Häufige Fragen zum Google Maps Generator
Brauche ich einen API-Schlüssel von Google?
Nein. Der Generator nutzt die einfache Einbettungsadresse von Google Maps, die ohne API-Schlüssel und ohne Google-Konto funktioniert. Einen Schlüssel brauchen Sie erst, wenn Sie die Programmierschnittstellen der Google Maps Platform nutzen, etwa für mehrere eigene Markierungen auf einer Karte oder ein eigenes Kartendesign. Für eine Karte mit Ihrem Standort ist das nicht nötig.
Was unterscheidet den Generator vom Einbetten direkt in Google Maps?
Google Maps bietet unter „Teilen“ und „Karte einbetten“ ebenfalls einen Code an, allerdings nur mit festen Maßen in Pixeln. Der Generator erzeugt zusätzlich Formate, die sich der Breite Ihrer Seite anpassen, und eine datenschutzfreundliche Variante, die Google Maps erst nach einem Klick lädt. Zoomstufe und Kartentyp stellen Sie direkt ein, ohne den Ort vorher in Google Maps aufzurufen.
Werden beim Ausprobieren des Generators Daten an Google übertragen?
Nein, solange Sie die Vorschau nicht starten. Die Vorschau zeigt zunächst einen Platzhalter, der nichts von Google lädt. Erst wenn Sie auf „Vorschau mit Google Maps laden“ klicken oder in unserem Cookie-Banner „Externe Medien“ erlaubt haben, lädt die echte Karte. Dabei werden Daten wie Ihre IP-Adresse an Google übertragen.
Ist eine eingebettete Google-Maps-Karte DSGVO-konform?
Das lässt sich nicht pauschal beantworten. Beim Laden der Karte werden personenbezogene Daten wie die IP-Adresse an Google übertragen. Viele Website-Betreiber laden Google Maps deshalb erst nach einer Einwilligung, über ein Consent-Tool oder eine Zwei-Klick-Lösung wie die datenschutzfreundliche Variante des Generators. Welche Lösung Ihre Website braucht, klären Sie mit Ihrem Datenschutzbeauftragten oder einer Rechtsberatung.
Passt sich die Karte an Smartphones an?
Ja, wenn Sie unter „Größe“ eines der Formate 16:9, 4:3 oder 1:1 wählen. Die Karte nimmt dann die volle Breite des umgebenden Bereichs ein und behält das Seitenverhältnis, auf dem Smartphone wie am Desktop. Mit „Feste Größe“ legen Sie Breite und Höhe in Pixeln fest, jeweils zwischen 100 und 2.000. Auf schmalen Bildschirmen wird dann nur die Breite kleiner.
Warum zeigt die Karte einen falschen Ort oder mehrere Treffer?
Google behandelt Ihre Eingabe wie eine Suche. Mit „Name und Adresse“ sucht Google nach Ihrem Firmeneintrag; bei allgemeinen Namen wie „Bäckerei“ kann es mehrere Treffer geben. Wählen Sie dann unter „Google sucht nach“ die Option „Nur Adresse“ und prüfen Sie die Schreibweise von Straße, Hausnummer, PLZ und Ort. Die Vorschau mit Google Maps zeigt vor dem Kopieren, was Ihre Besucher sehen werden.


