Standort und Karte auf der Website einbinden - Tools, Datenschutz, Performance

Eine Karte auf der Website soll Standorte zeigen - und kostet trotzdem oft Ladezeit, DSGVO-Stress und Wartungs-Aufwand. Diese Übersicht zeigt, welche Werkzeuge sich für KMU lohnen, was beim Datenschutz zu beachten ist und wann eine statische Variante schlauer ist als die eingebettete Original-Karte.

Inhaltsverzeichnis 12 Abschnitte

• 01Was eine Karte auf der Website überhaupt leisten soll
• 02Drei Wege, einen Standort zu zeigen — und was sie unterscheidet
• 03Google Maps und die DSGVO-Falle
• 04OpenStreetMap und Leaflet — die datenschutz-freundliche Alternative
• 05Statisches Bild plus Routenlink — das unterschätzte Werkzeug
• 06Mapbox, MapTiler und andere — wann sich der Aufwand lohnt
• 07Performance: warum Karten oft die langsamste Sektion einer Site sind
• 08Wann mehrere Standorte komplex werden — die Filial-Karten-Frage
• 09So binden Sie eine Karte rechtssicher ein — die Praxis-Checkliste
• 10Wartung und Aktualisierung — was alle paar Jahre fällig wird
• 11Häufige Fragen
• 12Was Sie als Nächstes prüfen können

Was eine Karte auf der Website überhaupt leisten soll

Bevor Sie irgendein Karten-Tool einbetten, hilft eine ehrliche Frage: was soll die Karte tatsächlich tun. In neunzig Prozent aller KMU-Sites sind es drei mögliche Aufgaben.

Erstens, einen Standort zeigen, damit Besucher wissen, wo Sie sitzen. Zweitens, einen Routenstart anbieten, damit jemand direkt zu Ihnen navigieren kann. Drittens, mehrere Standorte oder ein Einzugsgebiet darstellen, etwa für Filialen, Servicegebiet oder ein lokales Netz.

Diese drei Aufgaben unterscheiden sich technisch deutlich. Wer eine Adresse zeigen will, braucht keine voll interaktive Karte mit Zoom-Funktion. Wer ein 80 Kilometer großes Servicegebiet markieren will, braucht etwas, das mehr kann als ein eingebettetes Bild. Die Wahl des Werkzeugs hängt nicht von Geschmack ab, sondern davon, was die Besucher tatsächlich tun sollen.

Stefan, Installateur in Kärnten mit 14 Mitarbeitenden, hat genau diese Frage erst nach drei Jahren gestellt. Seine Site hatte eine eingebettete Google Maps, weil das eben „dazu gehört“. Genutzt hat sie keiner – die Besucher, die anrufen wollten, fanden die Telefonnummer schneller als die Adresse, und für die Routenplanung haben sie die Maps-App ihres Handys aufgemacht. Drei Jahre lang hat die Karte Ladezeit gekostet, ohne einen einzigen messbaren Vorteil zu bringen.

Drei Wege, einen Standort zu zeigen — und was sie unterscheidet

Es gibt nicht „den Weg“, eine Karte einzubauen, sondern drei grundsätzlich verschiedene Ansätze.

Der erste Ansatz ist die voll interaktive eingebettete Karte. Sie holen sich einen iframe-Code von einem Anbieter wie Google Maps, OpenStreetMap oder Mapbox und setzen ihn in die Seite. Ergebnis: zoom- und verschiebbar, mit Marker, ggf. mit Routenfunktion. Aufwand: niedrig in der Einrichtung, hoch in den Folgekosten (Performance, DSGVO).

Der zweite Ansatz ist die statische Karten-Abbildung. Sie machen einen Screenshot oder laden über eine Karten-API ein statisches Bild herunter und binden es als normales Bild ein. Darüber legen Sie einen Button „Route in Google Maps öffnen“ oder ähnlich. Ergebnis: optisch ähnlich, technisch wesentlich leichter, kein DSGVO-Stress. Aufwand: ein bisschen Vorarbeit, dann Ruhe.

Der dritte Ansatz ist die selbst gehostete Karte über eine Bibliothek wie Leaflet oder MapLibre. Sie hosten die Karten-Daten entweder selbst oder ziehen sie über eine Bibliothek, ohne dass externe Skripte Ihre Besucher tracken. Ergebnis: voll interaktiv, datenschutz-konform, aber technisch anspruchsvoller in der Einrichtung.

Welcher Weg für Sie passt, hängt von zwei Fragen ab: brauchen Sie tatsächlich Interaktivität, und wie wichtig ist Ihnen die DSGVO-Konformität ohne Cookie-Banner-Klick.

Google Maps und die DSGVO-Falle

Die häufigste Konstellation in Österreich: Google Maps eingebettet, ohne Consent-Banner davor, weil „es sonst hässlich aussieht“. Damit handeln Sie sich ein konkretes Datenschutzproblem ein, das nicht theoretisch ist.

Sobald die Maps-Einbettung lädt, sendet sie unter anderem die IP-Adresse des Besuchers an Google-Server in den USA. Das ist eine Datenübermittlung in ein Drittland, die nach DSGVO eine vorherige Einwilligung erfordert. Ein Bußgeld-Urteil eines deutschen Landgerichts aus 2022 hat 100 Euro Schadenersatz an einen einzelnen Kläger zugesprochen – das klingt wenig, aber bei jeder Abmahnung kommen Anwaltskosten dazu, und österreichische Datenschutzbehörden sind in den letzten Jahren aktiver geworden.

In der Praxis bedeutet das: eine eingebettete Google-Maps-Karte braucht entweder einen Consent-Banner-Klick davor (Karte lädt erst nach Zustimmung), oder Sie gehen eines der Risiken ein - Abmahnung oder Schadenersatzklage. Die meisten österreichischen Hoster und Datenschutzbeauftragten empfehlen den Consent-Weg als Standard.

Was dabei oft vergessen wird: ein zusätzlicher Klick auf „Karte laden“ kostet Sie Conversion. Studien zu Cookie-Bannern zeigen Abbruchraten zwischen 10 und 30 Prozent^[1]. Eine Karte, die erst nach zwei Klicks sichtbar wird, ist für viele Besucher praktisch unsichtbar.

OpenStreetMap und Leaflet — die datenschutz-freundliche Alternative

OpenStreetMap ist das Wikipedia der Karten: ein offenes, von Freiwilligen gepflegtes Karten-Projekt mit weltweiter Abdeckung. Die Daten sind kostenlos nutzbar, die Qualität ist in Österreich auf städtischem Niveau praktisch identisch mit Google Maps, im ländlichen Bereich teils sogar genauer.

Eingebunden wird OpenStreetMap meist über die JavaScript-Bibliothek Leaflet oder MapLibre. Beide sind kostenlos, beide sind in fünf bis zehn Zeilen Code aufgesetzt, beide übertragen ohne Standardkonfiguration keine personenbezogenen Daten an Drittserver.

Der einzige technische Punkt: die Karten-Kacheln müssen von irgendwoher kommen. Wenn Sie sie über den offiziellen OpenStreetMap-Tile-Server laden, ist das für kleine Sites in Ordnung - für größere Sites verlangt OpenStreetMap-Foundation aber einen eigenen Tile-Provider. Hier kommen Anbieter wie MapTiler oder Stadia Maps ins Spiel, die kommerziellen Tile-Service zu fairen Preisen anbieten.

Aufwand für die Einrichtung: in der Regel zwei bis vier Stunden, wenn Sie grundlegend technisch arbeiten können, oder ein einzelnes Honorar zwischen 200 und 600 Euro, wenn Sie es jemandem übergeben. Folgekosten: null, wenn Sie die offiziellen Tiles nutzen, oder 5 bis 30 Euro pro Monat für einen kommerziellen Tile-Service bei mittelgroßen Sites.

Statisches Bild plus Routenlink — das unterschätzte Werkzeug

Für die häufigste Aufgabe – einen einzelnen Standort zeigen und Routenstart anbieten – ist die statische Variante in vielen Fällen die beste Wahl. Sie geht so:

Sie machen einen Screenshot Ihres Standorts auf einer Karten-Anwendung Ihrer Wahl (oder laden über eine Static-Maps-API ein PNG herunter). Sie speichern das Bild komprimiert als WebP. Sie bauen es als normales Bild in die Seite ein. Darunter setzen Sie einen Button mit einem Link wie „In Google Maps öffnen“, „In Apple Maps öffnen“ oder „Route planen“.

Vorteile dieser Variante: keine externen Skripte, kein DSGVO-Problem, Ladezeit von 30 bis 80 Kilobyte statt 250 bis 500, optisch auf den ersten Blick nicht von einer eingebetteten Karte zu unterscheiden. Nachteile: nicht zoom-bar, nicht interaktiv – aber für 90 Prozent der „wo seid ihr“-Fragen reicht das vollkommen.

Andrea, Hotelière in den Kärntner Bergen mit 38 Zimmern, hat ihre Site genau auf dieses Modell umgestellt. Eingebettete Maps raus, statisches Bild rein, drei Buttons darunter („Google Maps“, „Apple Maps“, „Anfahrtsbeschreibung als PDF“). Resultat: Mobile-LCP von 3,4 auf 1,8 Sekunden, keine DSGVO-Diskussion mehr mit dem Datenschutzbeauftragten, und die tatsächlichen Anfahrtsanfragen sind um 12 Prozent gestiegen, weil die Buttons sichtbarer und schneller verfügbar waren als der Routen-Knopf in der eingebetteten Karte^[2].

Mapbox, MapTiler und andere — wann sich der Aufwand lohnt

Es gibt eine Klasse von Anbietern, die zwischen Google Maps und der Selbstbau-Variante sitzen: Mapbox, MapTiler, Stadia Maps, HERE Maps, TomTom. Alle bieten eine API für Karten-Kacheln, viele mit DSGVO-konformer Konfiguration und gestaffelten Preismodellen.

Sinn macht das in zwei Konstellationen.

Erstens, wenn Sie mehrere Standorte oder eine größere Marker-Logik brauchen. Eine Karte mit zwanzig Filialen, deren Öffnungszeiten je nach Wochentag andere sind, lässt sich mit Mapbox oder MapTiler komfortabel und stabil bauen. Mit der Google-Maps-Einbettung kommen Sie hier schnell an Grenzen.

Zweitens, wenn die Karte ein zentrales Element Ihrer Site ist und das Erscheinungsbild zur Marke passen muss. Mapbox bietet umfangreiche Styling-Optionen, sodass die Karte zu Ihren Farben und Ihrem Look passt. Bei Google-Maps-Einbettung haben Sie praktisch keinen Spielraum.

Preise: Mapbox bietet 50.000 Karten-Aufrufe pro Monat kostenlos, danach gestaffelt. Für eine durchschnittliche KMU-Site mit 1.500 Besuchen pro Monat bleiben Sie im kostenlosen Rahmen. MapTiler ist ähnlich, mit etwas anderem Staffel-Modell. HERE Maps und TomTom sind in der Regel teurer, dafür mit besseren B2B-Funktionen.

Performance: warum Karten oft die langsamste Sektion einer Site sind

Eine eingebettete Google-Maps-Karte lädt typischerweise zwischen 250 und 500 Kilobyte an JavaScript, plus die Karten-Kacheln selbst. Auf einer Mobile-Verbindung sind das zwei bis vier Sekunden, die Ihre Site langsamer wird, sobald die Karte sichtbar wird.

Auf einer Kontaktseite, die nur aus Adresse, Karte und Formular besteht, kann die Karte allein für die Hälfte der gesamten Ladezeit verantwortlich sein. Wer den Drei-Sekunden-Test ernst nimmt – mehr dazu im Beitrag über Mobile-Performance und Conversion-Verlust – sollte sich die Karte als eigene Performance-Position ansehen, nicht als „kostet halt etwas“.

Zwei Hebel helfen.

Erstens, lazy loading. Die Karte erscheint erst, wenn der Besucher in den Bereich scrollt, in dem sie sichtbar wird. Standard für Bilder ist das mit dem loading="lazy"-Attribut, für eingebettete Karten müssen Sie es per JavaScript machen oder eine Bibliothek nutzen.

Zweitens, „Bild zuerst, Karte bei Bedarf“. Sie zeigen ein statisches Karten-Bild plus einen Button „Karte vergrößern und interaktiv erkunden“. Wer klickt, bekommt die volle Karte, alle anderen bezahlen nicht für eine Funktion, die sie nicht brauchen. Dieser Hybrid-Ansatz ist in den letzten zwei Jahren zur Standardempfehlung für Karten-Performance geworden.

Wann mehrere Standorte komplex werden — die Filial-Karten-Frage

Wenn Sie eine Karte mit drei oder mehr Standorten zeigen wollen, verlassen Sie den Bereich der einfachen Wege. Hier werden Sie in der Regel auf eine selbst gehostete Leaflet- oder Mapbox-Umsetzung gehen, weil eingebettete Karten von Google bei mehreren Markern schnell unübersichtlich werden.

Worauf Sie achten sollten, bevor Sie das aufsetzen: pflege ich die Standort-Daten an einer Stelle oder verstreut über die Site. Ändert sich was an Öffnungszeiten, Adressen, Telefonnummern oder Routen, wollen Sie nicht in der Karten-Konfiguration suchen müssen. Eine kleine JSON-Datei oder ein Eintrag in Ihrem CMS, der die Karte automatisch aktualisiert, spart Ihnen über Jahre eine erstaunliche Menge Arbeit.

Zweitens: wie wichtig ist die Filterung. Wenn Besucher nach Postleitzahl oder nach Servicegebiet filtern sollen, brauchen Sie nicht nur eine Karte, sondern eine kleine Anwendung darunter. Aufwand: zwischen 1.500 und 5.000 Euro für eine solide Umsetzung, je nach Datenmenge und Filtertiefe.

Drittens: Mobile zuerst. Eine Filial-Karte mit dreißig Markern, die am Desktop wunderbar aussieht, ist am Handy oft unbedienbar. Planen Sie die Mobile-Variante zuerst und prüfen Sie vor dem Launch an einem echten Endgerät, ob Sie noch finden, was Sie suchen.

So binden Sie eine Karte rechtssicher ein — die Praxis-Checkliste

Vor der Umsetzung lohnt sich diese kurze Prüfliste.

1. Welche Aufgabe soll die Karte tatsächlich erfüllen. Einen Standort zeigen, Routen anbieten, mehrere Standorte filtern – die Wahl des Werkzeugs hängt davon ab.
2. Welche Datenschutz-Linie fahren Sie. Consent-Banner vorschalten und Google Maps weiternutzen, oder auf eine Variante ohne Drittland-Datenübermittlung wechseln.
3. Wie sieht die Mobile-Version aus. Lade-Performance unter drei Sekunden, Bedienbarkeit am Touchscreen, sichtbarer Routen-Button.
4. Wo werden die Standort-Daten gepflegt. Einmal die Karte konfigurieren ist machbar, jedes halbe Jahr Adressen suchen ist nicht.
5. Was passiert, wenn der Karten-Anbieter ausfällt oder die API-Preise erhöht. Ein Fallback - etwa ein statisches Bild - kostet nichts und rettet Sie in dem seltenen Fall, dass es passiert.

Wer die fünf Punkte vorher klärt, baut keine Karte ein, die in einem Jahr nachgearbeitet werden muss.

Wartung und Aktualisierung — was alle paar Jahre fällig wird

Auch eine eingebaute Karte ist kein „einmal und fertig“. Zwei Anlässe machen Wartung sinnvoll.

Erstens, Adress-Änderungen. Klingt trivial, ist es nicht: viele Sites haben veraltete Standort-Daten, weil die Karte als „läuft halt“ abgehakt wurde. Nach einem Umzug, einer Filialeröffnung oder einer Strukturänderung gehört die Karte auf die Update-Liste.

Zweitens, technische Änderungen. Google hat 2018 das Maps-Preismodell umgestellt – Sites, die vorher kostenlos Karten eingebettet hatten, sahen plötzlich „Diese Karte ist nur für Entwickler“-Hinweise. Das gleiche Muster wiederholt sich periodisch bei kommerziellen API-Anbietern. Wer keine laufende Pflege hat, merkt erst durch eine Beschwerde, dass die Karte seit drei Wochen kaputt ist.

Wer eine Site mit laufender Pflege hat, kümmert sich um beides routinemäßig im Quartal. Wer das einmal jährlich macht, ist meistens gut. Wer es nie macht, hat irgendwann eine Karte, die nicht mehr funktioniert. Website-Pflege ist eine laufende Disziplin, kein Einmal-Akt.

Häufige Fragen

Was Sie als Nächstes prüfen können

Schauen Sie auf Ihre eigene Kontaktseite und beantworten Sie zwei Fragen. Wie lange braucht sie zum Laden auf einem Mobile-Gerät, und wie sieht die Karten-Sektion dort konkret aus. Wer dort eine eingebettete Maps ohne Consent-Banner und mit drei Sekunden zusätzlicher Ladezeit hat, hat den größten Hebel direkt vor sich.

Eine Karte ist am Ende ein kleiner Posten im großen Bild – sie entscheidet selten allein über Anfragen, kostet aber schnell Ladezeit und Datenschutz-Ruhe. Was eine durchdachte Website insgesamt kostet und welche Posten wirklich zählen, zeigt die Kosten-Übersicht für Österreich.